/* Compiled: Mon Aug 05 2024 09:52:14 GMT+0100 (British Summer Time) */
@charset "UTF-8";

html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-rendering: optimizelegibility;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 100%;
    height: 100%;
    overflow-y: scroll
}

*, :after, :before {
    box-sizing: inherit
}

body {
    background: #fefefe;
    color: #0a0a0a;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400;
    line-height: 1.5
}

blockquote, body, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0
}

p {
    font-size: inherit;
    line-height: 1.6;
    margin-bottom: 1rem
}

    p a {
        border-bottom: .0625rem solid #a6a6a6;
        font-weight: 700;
        padding-bottom: .0625rem;
        text-decoration: none;
        transition-duration: .2s;
        transition-property: border-color,color;
        transition-timing-function: ease-out
    }

        p a:hover {
            border-bottom-width: .1875rem;
            border-color: #a6a6a6
        }

    ol + h2, ol + h3, ol + h4, ol + h5, p + h2, p + h3, p + h4, p + h5, ul + h2, ul + h3, ul + h4, ul + h5 {
        margin-top: 2rem
    }

em, i {
    font-style: italic
}

b, em, i, strong {
    line-height: inherit
}

b, strong {
    font-weight: 700
}

small {
    font-size: 80%;
    line-height: inherit
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

h1 {
    font-family: LexiaRegular,georgia,serif;
    font-size: 1.875rem;
    letter-spacing: -.02rem;
    margin-bottom: 1rem
}

.h2, h1, h2 {
    color: #4b4b4b;
    color: var(--heading);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2
}

.h2, h2 {
    font-family: EffraBold,arial,helvetica,sans-serif;
    font-size: 1.5rem;
    margin-bottom: 0
}

    .h2:after, h2:after {
        border-bottom: 4px solid #ccc;
        border-bottom: 4px solid var(--light);
        content: "";
        display: block;
        margin: 1rem 0 1.5rem;
        width: 50px
    }

.h3, .h4, .h5, .h6, h3, h4, h5, h6 {
    color: inherit;
    color: #4b4b4b;
    color: var(--heading);
    font-family: EffraRegular,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 1rem
}

.h3, h3 {
    font-size: 1.25rem
}

.h4, h4 {
    font-size: 1.125rem
}

.h5, h5 {
    font-size: 1rem
}

.h6, h6 {
    font-size: .875rem
}

@media screen and (min-width:48em) {
    h1 {
        font-size: 3rem
    }

    .h2, h2 {
        font-size: 2.25rem
    }

    .h3, h3 {
        font-size: 1.625rem
    }

    .h4, h4 {
        font-size: 1.375rem
    }

    .h5, h5 {
        font-size: 1.25rem
    }

    .h6, h6 {
        font-size: 1.125rem
    }
}

.h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    border-bottom: .0625rem solid #a6a6a6;
    padding-bottom: .0625rem;
    text-decoration: none;
    transition-duration: .2s;
    transition-property: border-color,color;
    transition-timing-function: ease-out
}

    .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
        border-color: #a6a6a6
    }

ol {
    font-size: 100%;
    list-style-type: decimal;
    margin-bottom: 1rem;
    margin-left: 2rem;
    padding-left: 1rem
}

ol, ul {
    vertical-align: baseline
}

ul {
    border: 0;
    font-size: inherit;
    line-height: 1.5rem;
    list-style: none;
    margin: 0 0 1rem;
    padding: 0
}

    ol li, ul li {
        margin-top: .5rem;
        position: relative
    }

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0;
        margin-left: 1.25rem
    }

    ul.bullet {
        margin-bottom: 1rem;
        padding-left: 1rem
    }

        ul.bullet li {
            list-style-position: outside;
            list-style-type: square
        }

            ul.bullet li ::marker {
                color: initial
            }

nav li, nav ul {
    list-style: none;
    list-style-image: none;
    margin: 0
}

a {
    border-bottom: .0625rem solid #a6a6a6;
    color: #b5121b;
    color: var(--button);
    cursor: pointer;
    font-weight: 700;
    line-height: inherit;
    padding-bottom: .0625rem;
    text-decoration: none;
    transition-duration: .2s;
    transition-property: border-color,color;
    transition-timing-function: ease-out
}

    a:hover {
        color: #7f0d13;
        color: var(--button-hover)
    }

    a:active, a:hover {
        outline: none
    }

    a:focus {
        color: #7f0d13;
        color: var(--button-hover)
    }

    a p {
        border-bottom: 0;
        font-weight: 400
    }

    a img {
        border: 0
    }

    a[href^="tel:"] {
        border-bottom: none
    }

@media screen and (max-width:37.4988em) {
    a[href^="tel:"] {
        cursor: pointer;
        pointer-events: auto
    }
}

dl {
    margin-bottom: 1rem
}

    dl dt {
        font-weight: 700;
        margin-bottom: .5rem;
        margin-top: .5rem
    }

blockquote {
    border-left: 0;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: .5rem 0
}

    blockquote p {
        color: #555656;
        font-family: LexiaItalic,georgia,serif;
        font-size: 1.125rem;
        line-height: 1.5
    }

    blockquote footer {
        background: none;
        border: 0;
        color: #b5121b;
        color: var(--dark);
        display: block;
        font-family: EffraRegular,arial,helvetica,sans-serif;
        font-weight: 400
    }

    blockquote svg {
        fill: #a6a6a6;
        display: flex;
        height: 30px;
        width: 30px
    }

        blockquote svg:first-of-type {
            align-self: flex-start;
            margin-bottom: .5rem;
            margin-right: .5rem
        }

        blockquote svg:last-of-type {
            align-self: flex-end;
            margin-bottom: 1rem
        }

cite {
    color: #555656;
    display: block;
    font-size: 90%
}

    cite:before {
        content: "— "
    }

abbr, abbr[title] {
    border-bottom: 1px dashed #0a0a0a;
    cursor: help;
    text-decoration: none
}

audio {
    border-radius: 5px
}

code {
    border: 1px solid #a6a6a6;
    font-weight: 400;
    padding: .125rem .3125rem .0625rem
}

code, kbd {
    background-color: #ccc;
    color: #0a0a0a;
    font-family: Consolas,Liberation Mono,Courier,monospace
}

kbd {
    border-radius: 5px;
    margin: 0;
    padding: .125rem .25rem 0
}

caption {
    font-weight: 700;
    padding: .5rem .625rem .625rem
}

table {
    border: 0;
    border-collapse: collapse;
    border-radius: 5px;
    border-spacing: 0;
    font-size: 100%;
    margin-bottom: 2rem;
    margin-top: 1rem;
    padding: 0;
    vertical-align: baseline;
    width: 100%
}

tbody, tfoot, thead {
    background-color: #fff;
    border: 1px solid #efefef
}

thead {
    background: #efefef
}

tfoot, thead {
    color: #0a0a0a
}

tfoot {
    background: #f2f2f2
}

    tfoot tr, thead tr {
        background: transparent
    }

    tfoot td, tfoot th, thead td, thead th {
        font-weight: 400;
        padding: .5rem .625rem .625rem;
        text-align: left
    }

tbody td, tbody th {
    padding: .5rem .625rem .625rem
}

tbody tr:nth-child(2n) {
    background-color: #f2f2f2;
    border-bottom: 0
}

td {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

td, th {
    vertical-align: top
}

th {
    color: #4b4b4b;
    font-family: arial,helvetica,sans-serif;
    font-size: 1.125rem;
    text-align: left
}

@media screen and (max-width:63.9988em) {
    table.stack tfoot, table.stack thead {
        display: none
    }

    table.stack td, table.stack th, table.stack tr {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

hr {
    border: 0;
    border-bottom: #a6a6a6;
    border-bottom: 1px solid var(--medium);
    display: block;
    height: 1px;
    margin: 1rem 0;
    padding: 0
}

figure {
    margin: 0
}

    figure a figcaption {
        color: #4b4b4b;
        color: var(--dark-text)
    }

figcaption {
    background-color: #efefef;
    border-top: 4px solid #a6a6a6;
    border-top: 4px solid var(--medium);
    font-size: .875rem;
    margin-bottom: 1rem;
    margin-top: 0;
    padding: 1rem
}

@media screen and (min-width:64rem) {
    figcaption {
        font-size: 1rem;
        padding: 1rem
    }
}

figcaption p {
    margin-bottom: 0
}

.bg-grey figcaption {
    background-color: #fff
}

.reveal-overlay {
    overflow-y: hidden
}

.anchor {
    scroll-margin-top: 100px
}

.load-more {
    margin-top: 2rem
}

.loading {
    margin-bottom: 2rem;
    margin-top: 1rem;
    text-align: center
}

    .loading .loading-spinner {
        background: #fff url(/media/lancaster-university/style-assets/images/slimbox/loading.gif) no-repeat 50%;
        height: 50px
    }

.loading-ring {
    display: inline-block;
    height: 80px;
    position: relative;
    width: 80px
}

    .loading-ring div {
        animation: loading-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
        border: 8px solid transparent;
        border-radius: 50%;
        border-top-color: #fff;
        box-sizing: border-box;
        display: block;
        height: 64px;
        margin: 8px;
        position: absolute;
        width: 64px
    }

        .loading-ring div:first-child {
            animation-delay: -.45s
        }

        .loading-ring div:nth-child(2) {
            animation-delay: -.3s
        }

        .loading-ring div:nth-child(3) {
            animation-delay: -.15s
        }

@keyframes loading-ring {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.bg-grey .loading-ring div, .bg-none .loading-ring div, .bg-orange .loading-ring div, .bg-yellow .loading-ring div {
    border-color: #000 transparent transparent
}

.lazy-loaded-css-background-actual, .lazy-loaded-css-background-placeholder {
    background-position: 50%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lazy-loaded-css-background-actual {
    background-color: transparent;
    background-size: cover;
    z-index: 2
}

    .lazy-loaded-css-background-actual.left {
        background-position: 0
    }

    .lazy-loaded-css-background-actual.right {
        background-position: 100%
    }

.lazy-loaded-css-background-placeholder {
    background-color: #ccc;
    background-repeat: no-repeat;
    background-size: auto;
    z-index: 1
}

.lazy-loaded-css-content {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 3
}

.announcement {
    padding-bottom: 2rem;
    padding-top: 2rem
}

    .announcement .callout {
        margin-bottom: 0
    }

.a-z {
    margin: 1rem auto 2rem;
    max-width: 75rem
}

    .a-z ul {
        margin-bottom: 1rem
    }

        .a-z ul li {
            margin-top: .5rem
        }

    .a-z h2:after {
        display: none
    }

    .a-z a {
        color: #000
    }

        .a-z a:hover {
            color: #b5121b
        }

    .a-z .list-alphabetical {
        border-bottom: 1px solid #ccc;
        display: flex;
        flex-wrap: wrap;
        margin-left: .5rem;
        margin-right: .5rem;
        padding-bottom: 1rem
    }

@media screen and (min-width:64em) {
    .a-z .list-alphabetical {
        flex-wrap: nowrap;
        padding-bottom: 0;
        padding-top: 0
    }
}

.a-z .list-alphabetical li {
    align-items: center;
    color: #636363;
    display: flex;
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    margin: .25rem;
    text-align: center
}

@media screen and (min-width:64em) {
    .a-z .list-alphabetical li {
        align-items: stretch;
        flex: 1 1 100%;
        margin-bottom: .5rem
    }
}

.a-z .list-alphabetical li.active a, .a-z .list-alphabetical li.active button {
    background: #b5121b;
    color: #fff;
    flex: 0 0 2rem;
    height: 2rem
}

.a-z .list-alphabetical li.disabled {
    color: #636363
}

@media screen and (min-width:64em) {
    .a-z .list-alphabetical li.disabled {
        background: none
    }
}

.a-z .list-alphabetical li a, .a-z .list-alphabetical li button {
    align-items: center;
    background: none;
    border: 0;
    color: #b5121b;
    display: inline-flex;
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    margin: 0;
    padding: 0
}

    .a-z .list-alphabetical li a:focus, .a-z .list-alphabetical li a:hover, .a-z .list-alphabetical li button:focus, .a-z .list-alphabetical li button:hover {
        background: #b5121b;
        color: #fff
    }

.a-z .list-alphabetical li span {
    align-items: center;
    background: none;
    border: 0;
    color: #000;
    display: inline-flex;
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    margin: 0;
    padding: 0
}

.a-z .anchor {
    display: inline-block
}

.accordion-content:focus, .accordion-item > a:focus, .accordion-title:focus, .staff-list a:focus, .tabbed .tabs .tabs-title > a:focus, .tabs-content:focus, a.button:focus, a:focus, audio:focus, button:focus, details > summary:focus, input[type]:focus, select:focus, textarea:focus {
    outline: 3px solid #0f8ce6;
    outline-offset: 2px;
    z-index: 8
}

    .accordion-content:focus:not(:focus-visible), .accordion-item > a:focus:not(:focus-visible), .accordion-title:focus:not(:focus-visible), .staff-list a:focus:not(:focus-visible), .tabbed .tabs .tabs-title > a:focus:not(:focus-visible), .tabs-content:focus:not(:focus-visible), a.button:focus:not(:focus-visible), a:focus:not(:focus-visible), audio:focus:not(:focus-visible), button:focus:not(:focus-visible), details > summary:focus:not(:focus-visible), input[type]:focus:not(:focus-visible), select:focus:not(:focus-visible), textarea:focus:not(:focus-visible) {
        outline: 0
    }

.accordion-content:focus-visible, .accordion-item > a:focus-visible, .accordion-title:focus-visible, .staff-list a:focus-visible, .tabbed .tabs .tabs-title > a:focus-visible, .tabs-content:focus-visible, a.button:focus-visible, a:focus-visible, audio:focus-visible, button:focus-visible, details > summary:focus-visible, input[type]:focus-visible, select:focus-visible, textarea:focus-visible {
    box-shadow: 0 0 0 8px #fff;
    outline: 3px solid #0f8ce6;
    outline-offset: 2px;
    z-index: 8
}

body:focus {
    outline: none
}

.left-align {
    text-align: left
}

.text-center h2:after {
    margin: 1rem auto
}

.relative {
    position: relative
}

.space-between {
    justify-content: space-between
}

.visually-hidden {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

.is-visible {
    display: block !important
}

.is-hidden, .show-for-print {
    display: none !important
}

.font-normal {
    font-weight: 400
}

.no-padding {
    padding: 0
}

@media screen and (max-width:37.4988em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:0),screen and (min-width:37.5em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print,screen and (min-width:37.5em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width:37.4988em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width:37.5em) and (max-width:63.9988em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width:37.4988em),screen and (min-width:64em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print,screen and (min-width:64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width:63.9988em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width:64em) and (max-width:74.9988em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width:63.9988em),screen and (min-width:75em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr, .show-on-focus {
    clip: rect(0,0,0,0);
    border: 0;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    white-space: nowrap;
    width: 1px
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.test-example {
    background-color: red
}

.lowercase {
    text-transform: lowercase
}

.foundation-mq {
    font-family: "small=0em&medium=37.5em&large=64em&xlarge=75em&xxlarge=90em"
}

.grid-container, .grid-container.full {
    margin-left: auto;
    margin-right: auto
}

    .grid-container.full {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }

.grid-x {
    display: flexbox;
    display: flex;
    flex-flow: row wrap
}

.cell {
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%
}

    .cell.auto {
        flex: 1 1 0;
        flex: 1 1 0px
    }

    .cell.shrink {
        flex: 0 0 auto
    }

.grid-x > .auto, .grid-x > .shrink {
    width: auto
}

.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12, .grid-x > .small-full, .grid-x > .small-shrink {
    flex-basis: auto
}

@media print,screen and (min-width:37.5em) {
    .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12, .grid-x > .medium-full, .grid-x > .medium-shrink {
        flex-basis: auto
    }
}

@media print,screen and (min-width:64em) {
    .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12, .grid-x > .large-full, .grid-x > .large-shrink {
        flex-basis: auto
    }
}

.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
    flex: 0 0 auto
}

.grid-x > .small-1 {
    width: 8.33333%
}

.grid-x > .small-2 {
    width: 16.66667%
}

.grid-x > .small-3 {
    width: 25%
}

.grid-x > .small-4 {
    width: 33.33333%
}

.grid-x > .small-5 {
    width: 41.66667%
}

.grid-x > .small-6 {
    width: 50%
}

.grid-x > .small-7 {
    width: 58.33333%
}

.grid-x > .small-8 {
    width: 66.66667%
}

.grid-x > .small-9 {
    width: 75%
}

.grid-x > .small-10 {
    width: 83.33333%
}

.grid-x > .small-11 {
    width: 91.66667%
}

.grid-x > .small-12 {
    width: 100%
}

@media print,screen and (min-width:37.5em) {
    .grid-x > .medium-auto {
        flex: 1 1 0;
        flex: 1 1 0px;
        width: auto
    }

    .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12, .grid-x > .medium-shrink {
        flex: 0 0 auto
    }

    .grid-x > .medium-shrink {
        width: auto
    }

    .grid-x > .medium-1 {
        width: 8.33333%
    }

    .grid-x > .medium-2 {
        width: 16.66667%
    }

    .grid-x > .medium-3 {
        width: 25%
    }

    .grid-x > .medium-4 {
        width: 33.33333%
    }

    .grid-x > .medium-5 {
        width: 41.66667%
    }

    .grid-x > .medium-6 {
        width: 50%
    }

    .grid-x > .medium-7 {
        width: 58.33333%
    }

    .grid-x > .medium-8 {
        width: 66.66667%
    }

    .grid-x > .medium-9 {
        width: 75%
    }

    .grid-x > .medium-10 {
        width: 83.33333%
    }

    .grid-x > .medium-11 {
        width: 91.66667%
    }

    .grid-x > .medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .grid-x > .large-auto {
        flex: 1 1 0;
        flex: 1 1 0px;
        width: auto
    }

    .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12, .grid-x > .large-shrink {
        flex: 0 0 auto
    }

    .grid-x > .large-shrink {
        width: auto
    }

    .grid-x > .large-1 {
        width: 8.33333%
    }

    .grid-x > .large-2 {
        width: 16.66667%
    }

    .grid-x > .large-3 {
        width: 25%
    }

    .grid-x > .large-4 {
        width: 33.33333%
    }

    .grid-x > .large-5 {
        width: 41.66667%
    }

    .grid-x > .large-6 {
        width: 50%
    }

    .grid-x > .large-7 {
        width: 58.33333%
    }

    .grid-x > .large-8 {
        width: 66.66667%
    }

    .grid-x > .large-9 {
        width: 75%
    }

    .grid-x > .large-10 {
        width: 83.33333%
    }

    .grid-x > .large-11 {
        width: 91.66667%
    }

    .grid-x > .large-12 {
        width: 100%
    }
}

.grid-margin-x:not(.grid-x) > .cell {
    width: auto
}

.grid-margin-y:not(.grid-y) > .cell {
    height: auto
}

.grid-margin-x {
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media print,screen and (min-width:37.5em) {
    .grid-margin-x {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

.grid-margin-x > .cell {
    margin-left: .625rem;
    margin-right: .625rem;
    width: calc(100% - 1.25rem)
}

@media print,screen and (min-width:37.5em) {
    .grid-margin-x > .cell {
        margin-left: .9375rem;
        margin-right: .9375rem;
        width: calc(100% - 1.875rem)
    }
}

.grid-margin-x > .auto, .grid-margin-x > .shrink {
    width: auto
}

.grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.25rem)
}

.grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.25rem)
}

.grid-margin-x > .small-3 {
    width: calc(25% - 1.25rem)
}

.grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.25rem)
}

.grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.25rem)
}

.grid-margin-x > .small-6 {
    width: calc(50% - 1.25rem)
}

.grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.25rem)
}

.grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.25rem)
}

.grid-margin-x > .small-9 {
    width: calc(75% - 1.25rem)
}

.grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.25rem)
}

.grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.25rem)
}

.grid-margin-x > .small-12 {
    width: calc(100% - 1.25rem)
}

@media print,screen and (min-width:37.5em) {
    .grid-margin-x > .auto, .grid-margin-x > .shrink {
        width: auto
    }

    .grid-margin-x > .small-1 {
        width: calc(8.33333% - 1.875rem)
    }

    .grid-margin-x > .small-2 {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x > .small-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .small-4 {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x > .small-5 {
        width: calc(41.66667% - 1.875rem)
    }

    .grid-margin-x > .small-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .small-7 {
        width: calc(58.33333% - 1.875rem)
    }

    .grid-margin-x > .small-8 {
        width: calc(66.66667% - 1.875rem)
    }

    .grid-margin-x > .small-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .small-10 {
        width: calc(83.33333% - 1.875rem)
    }

    .grid-margin-x > .small-11 {
        width: calc(91.66667% - 1.875rem)
    }

    .grid-margin-x > .small-12 {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x > .medium-auto, .grid-margin-x > .medium-shrink {
        width: auto
    }

    .grid-margin-x > .medium-1 {
        width: calc(8.33333% - 1.875rem)
    }

    .grid-margin-x > .medium-2 {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x > .medium-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .medium-4 {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x > .medium-5 {
        width: calc(41.66667% - 1.875rem)
    }

    .grid-margin-x > .medium-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .medium-7 {
        width: calc(58.33333% - 1.875rem)
    }

    .grid-margin-x > .medium-8 {
        width: calc(66.66667% - 1.875rem)
    }

    .grid-margin-x > .medium-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .medium-10 {
        width: calc(83.33333% - 1.875rem)
    }

    .grid-margin-x > .medium-11 {
        width: calc(91.66667% - 1.875rem)
    }

    .grid-margin-x > .medium-12 {
        width: calc(100% - 1.875rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-x > .large-auto, .grid-margin-x > .large-shrink {
        width: auto
    }

    .grid-margin-x > .large-1 {
        width: calc(8.33333% - 1.875rem)
    }

    .grid-margin-x > .large-2 {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x > .large-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .large-4 {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x > .large-5 {
        width: calc(41.66667% - 1.875rem)
    }

    .grid-margin-x > .large-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .large-7 {
        width: calc(58.33333% - 1.875rem)
    }

    .grid-margin-x > .large-8 {
        width: calc(66.66667% - 1.875rem)
    }

    .grid-margin-x > .large-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .large-10 {
        width: calc(83.33333% - 1.875rem)
    }

    .grid-margin-x > .large-11 {
        width: calc(91.66667% - 1.875rem)
    }

    .grid-margin-x > .large-12 {
        width: calc(100% - 1.875rem)
    }
}

.grid-padding-x .grid-padding-x {
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media print,screen and (min-width:37.5em) {
    .grid-padding-x .grid-padding-x {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

.grid-container:not(.full) > .grid-padding-x {
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media print,screen and (min-width:37.5em) {
    .grid-container:not(.full) > .grid-padding-x {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

.grid-padding-x > .cell {
    padding-left: .625rem;
    padding-right: .625rem
}

@media print,screen and (min-width:37.5em) {
    .grid-padding-x > .cell {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.small-up-1 > .cell {
    width: 100%
}

.small-up-2 > .cell {
    width: 50%
}

.small-up-3 > .cell {
    width: 33.33333%
}

.small-up-4 > .cell {
    width: 25%
}

.small-up-5 > .cell {
    width: 20%
}

.small-up-6 > .cell {
    width: 16.66667%
}

.small-up-7 > .cell {
    width: 14.28571%
}

.small-up-8 > .cell {
    width: 12.5%
}

@media print,screen and (min-width:37.5em) {
    .medium-up-1 > .cell {
        width: 100%
    }

    .medium-up-2 > .cell {
        width: 50%
    }

    .medium-up-3 > .cell {
        width: 33.33333%
    }

    .medium-up-4 > .cell {
        width: 25%
    }

    .medium-up-5 > .cell {
        width: 20%
    }

    .medium-up-6 > .cell {
        width: 16.66667%
    }

    .medium-up-7 > .cell {
        width: 14.28571%
    }

    .medium-up-8 > .cell {
        width: 12.5%
    }
}

@media print,screen and (min-width:64em) {
    .large-up-1 > .cell {
        width: 100%
    }

    .large-up-2 > .cell {
        width: 50%
    }

    .large-up-3 > .cell {
        width: 33.33333%
    }

    .large-up-4 > .cell {
        width: 25%
    }

    .large-up-5 > .cell {
        width: 20%
    }

    .large-up-6 > .cell {
        width: 16.66667%
    }

    .large-up-7 > .cell {
        width: 14.28571%
    }

    .large-up-8 > .cell {
        width: 12.5%
    }
}

.grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.25rem)
}

.grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.25rem)
}

.grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 1.25rem)
}

.grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.25rem)
}

.grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.25rem)
}

.grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 1.25rem)
}

.grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 1.25rem)
}

.grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.25rem)
}

@media print,screen and (min-width:37.5em) {
    .grid-margin-x.small-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.small-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.small-up-3 > .cell {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x.small-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.small-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.small-up-6 > .cell {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x.small-up-7 > .cell {
        width: calc(14.28571% - 1.875rem)
    }

    .grid-margin-x.small-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }

    .grid-margin-x.medium-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.medium-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.medium-up-3 > .cell {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x.medium-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.medium-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.medium-up-6 > .cell {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x.medium-up-7 > .cell {
        width: calc(14.28571% - 1.875rem)
    }

    .grid-margin-x.medium-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-x.large-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.large-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.large-up-3 > .cell {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x.large-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.large-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.large-up-6 > .cell {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x.large-up-7 > .cell {
        width: calc(14.28571% - 1.875rem)
    }

    .grid-margin-x.large-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }
}

.small-padding-collapse {
    margin-left: 0;
    margin-right: 0
}

    .small-padding-collapse > .cell {
        padding-left: 0;
        padding-right: 0
    }

@media print,screen and (min-width:37.5em) {
    .medium-padding-collapse {
        margin-left: 0;
        margin-right: 0
    }

        .medium-padding-collapse > .cell {
            padding-left: 0;
            padding-right: 0
        }
}

@media print,screen and (min-width:64em) {
    .large-padding-collapse {
        margin-left: 0;
        margin-right: 0
    }

        .large-padding-collapse > .cell {
            padding-left: 0;
            padding-right: 0
        }
}

.grid-margin-x > .small-offset-0 {
    margin-left: .625rem
}

.grid-margin-x > .small-offset-1 {
    margin-left: calc(8.33333% + .625rem)
}

.grid-margin-x > .small-offset-2 {
    margin-left: calc(16.66667% + .625rem)
}

.grid-margin-x > .small-offset-3 {
    margin-left: calc(25% + .625rem)
}

.grid-margin-x > .small-offset-4 {
    margin-left: calc(33.33333% + .625rem)
}

.grid-margin-x > .small-offset-5 {
    margin-left: calc(41.66667% + .625rem)
}

.grid-margin-x > .small-offset-6 {
    margin-left: calc(50% + .625rem)
}

.grid-margin-x > .small-offset-7 {
    margin-left: calc(58.33333% + .625rem)
}

.grid-margin-x > .small-offset-8 {
    margin-left: calc(66.66667% + .625rem)
}

.grid-margin-x > .small-offset-9 {
    margin-left: calc(75% + .625rem)
}

.grid-margin-x > .small-offset-10 {
    margin-left: calc(83.33333% + .625rem)
}

.grid-margin-x > .small-offset-11 {
    margin-left: calc(91.66667% + .625rem)
}

@media print,screen and (min-width:37.5em) {
    .medium-offset-0 {
        margin-left: 0
    }

    .grid-margin-x > .medium-offset-0 {
        margin-left: .9375rem
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .grid-margin-x > .medium-offset-1 {
        margin-left: calc(8.33333% + .9375rem)
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .grid-margin-x > .medium-offset-2 {
        margin-left: calc(16.66667% + .9375rem)
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x > .medium-offset-3 {
        margin-left: calc(25% + .9375rem)
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .grid-margin-x > .medium-offset-4 {
        margin-left: calc(33.33333% + .9375rem)
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .grid-margin-x > .medium-offset-5 {
        margin-left: calc(41.66667% + .9375rem)
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x > .medium-offset-6 {
        margin-left: calc(50% + .9375rem)
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .grid-margin-x > .medium-offset-7 {
        margin-left: calc(58.33333% + .9375rem)
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .grid-margin-x > .medium-offset-8 {
        margin-left: calc(66.66667% + .9375rem)
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x > .medium-offset-9 {
        margin-left: calc(75% + .9375rem)
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .grid-margin-x > .medium-offset-10 {
        margin-left: calc(83.33333% + .9375rem)
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .grid-margin-x > .medium-offset-11 {
        margin-left: calc(91.66667% + .9375rem)
    }
}

@media print,screen and (min-width:64em) {
    .large-offset-0 {
        margin-left: 0
    }

    .grid-margin-x > .large-offset-0 {
        margin-left: .9375rem
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .grid-margin-x > .large-offset-1 {
        margin-left: calc(8.33333% + .9375rem)
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .grid-margin-x > .large-offset-2 {
        margin-left: calc(16.66667% + .9375rem)
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x > .large-offset-3 {
        margin-left: calc(25% + .9375rem)
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .grid-margin-x > .large-offset-4 {
        margin-left: calc(33.33333% + .9375rem)
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .grid-margin-x > .large-offset-5 {
        margin-left: calc(41.66667% + .9375rem)
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x > .large-offset-6 {
        margin-left: calc(50% + .9375rem)
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .grid-margin-x > .large-offset-7 {
        margin-left: calc(58.33333% + .9375rem)
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .grid-margin-x > .large-offset-8 {
        margin-left: calc(66.66667% + .9375rem)
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x > .large-offset-9 {
        margin-left: calc(75% + .9375rem)
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .grid-margin-x > .large-offset-10 {
        margin-left: calc(83.33333% + .9375rem)
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .grid-margin-x > .large-offset-11 {
        margin-left: calc(91.66667% + .9375rem)
    }
}

.grid-padding-y .grid-padding-y {
    margin-bottom: -.625rem;
    margin-top: -.625rem
}

@media print,screen and (min-width:37.5em) {
    .grid-padding-y .grid-padding-y {
        margin-bottom: -.9375rem;
        margin-top: -.9375rem
    }
}

.grid-padding-y > .cell {
    padding-bottom: .625rem;
    padding-top: .625rem
}

@media print,screen and (min-width:37.5em) {
    .grid-padding-y > .cell {
        padding-bottom: .9375rem;
        padding-top: .9375rem
    }
}

.grid-margin-y {
    margin-bottom: -.625rem;
    margin-top: -.625rem
}

@media print,screen and (min-width:37.5em) {
    .grid-margin-y {
        margin-bottom: -.9375rem;
        margin-top: -.9375rem
    }
}

.grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-bottom: .625rem;
    margin-top: .625rem
}

@media print,screen and (min-width:37.5em) {
    .grid-margin-y > .cell {
        height: calc(100% - 1.875rem);
        margin-bottom: .9375rem;
        margin-top: .9375rem
    }
}

.grid-margin-y > .auto, .grid-margin-y > .shrink {
    height: auto
}

.grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.25rem)
}

.grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.25rem)
}

.grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem)
}

.grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.25rem)
}

.grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.25rem)
}

.grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem)
}

.grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.25rem)
}

.grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.25rem)
}

.grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem)
}

.grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.25rem)
}

.grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.25rem)
}

.grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem)
}

@media print,screen and (min-width:37.5em) {
    .grid-margin-y > .auto, .grid-margin-y > .shrink {
        height: auto
    }

    .grid-margin-y > .small-1 {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .small-2 {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .small-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .small-4 {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .small-5 {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .small-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .small-7 {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .small-8 {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .small-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .small-10 {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .small-11 {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .small-12 {
        height: calc(100% - 1.875rem)
    }

    .grid-margin-y > .medium-auto, .grid-margin-y > .medium-shrink {
        height: auto
    }

    .grid-margin-y > .medium-1 {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-2 {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .medium-4 {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-5 {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .medium-7 {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-8 {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .medium-10 {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-11 {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-12 {
        height: calc(100% - 1.875rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-y > .large-auto, .grid-margin-y > .large-shrink {
        height: auto
    }

    .grid-margin-y > .large-1 {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .large-2 {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .large-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .large-4 {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .large-5 {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .large-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .large-7 {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .large-8 {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .large-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .large-10 {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .large-11 {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .large-12 {
        height: calc(100% - 1.875rem)
    }
}

.grid-frame.grid-margin-y {
    height: calc(100vh + 1.25rem)
}

@media print,screen and (min-width:37.5em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem)
    }
}

@media print,screen and (min-width:37.5em) {
    .grid-margin-y.medium-grid-frame {
        height: calc(100vh + 1.875rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-y.large-grid-frame {
        height: calc(100vh + 1.875rem)
    }
}

.row {
    display: flexbox;
    display: flex;
    flex-flow: row wrap;
    margin-left: auto;
    margin-right: auto;
    max-width: 75rem
}

    .row .row {
        margin-left: -.625rem;
        margin-right: -.625rem
    }

@media print,screen and (min-width:37.5em) {
    .row .row {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

@media print,screen and (min-width:64em) {
    .row .row {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

.row .row.collapse {
    margin-left: 0;
    margin-right: 0
}

.row.expanded {
    max-width: none
}

    .row.expanded .row {
        margin-left: auto;
        margin-right: auto
    }

.row:not(.expanded) .row {
    max-width: none
}

.row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0
}

    .row.collapse > .column > .row, .row.collapse > .columns > .row, .row.is-collapse-child {
        margin-left: 0;
        margin-right: 0
    }

.column, .columns {
    flex: 1 1 0;
    flex: 1 1 0px;
    min-width: 0;
    padding-left: .625rem;
    padding-right: .625rem
}

@media print,screen and (min-width:37.5em) {
    .column, .columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.column.row.row, .row.row.columns {
    display: block;
    float: none
}

.row .column.row.row, .row .row.row.columns {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

.small-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1 {
    flex-wrap: wrap
}

    .small-up-1 > .column, .small-up-1 > .columns {
        flex: 0 0 100%;
        max-width: 100%
    }

.small-up-2 {
    flex-wrap: wrap
}

    .small-up-2 > .column, .small-up-2 > .columns {
        flex: 0 0 50%;
        max-width: 50%
    }

.small-up-3 {
    flex-wrap: wrap
}

    .small-up-3 > .column, .small-up-3 > .columns {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

.small-up-4 {
    flex-wrap: wrap
}

    .small-up-4 > .column, .small-up-4 > .columns {
        flex: 0 0 25%;
        max-width: 25%
    }

.small-up-5 {
    flex-wrap: wrap
}

    .small-up-5 > .column, .small-up-5 > .columns {
        flex: 0 0 20%;
        max-width: 20%
    }

.small-up-6 {
    flex-wrap: wrap
}

    .small-up-6 > .column, .small-up-6 > .columns {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

.small-up-7 {
    flex-wrap: wrap
}

    .small-up-7 > .column, .small-up-7 > .columns {
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

.small-up-8 {
    flex-wrap: wrap
}

    .small-up-8 > .column, .small-up-8 > .columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

.small-collapse > .column, .small-collapse > .columns {
    padding-left: 0;
    padding-right: 0
}

.small-uncollapse > .column, .small-uncollapse > .columns {
    padding-left: .625rem;
    padding-right: .625rem
}

@media print,screen and (min-width:37.5em) {
    .medium-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        flex: 0 0 41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-up-1 {
        flex-wrap: wrap
    }

        .medium-up-1 > .column, .medium-up-1 > .columns {
            flex: 0 0 100%;
            max-width: 100%
        }

    .medium-up-2 {
        flex-wrap: wrap
    }

        .medium-up-2 > .column, .medium-up-2 > .columns {
            flex: 0 0 50%;
            max-width: 50%
        }

    .medium-up-3 {
        flex-wrap: wrap
    }

        .medium-up-3 > .column, .medium-up-3 > .columns {
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

    .medium-up-4 {
        flex-wrap: wrap
    }

        .medium-up-4 > .column, .medium-up-4 > .columns {
            flex: 0 0 25%;
            max-width: 25%
        }

    .medium-up-5 {
        flex-wrap: wrap
    }

        .medium-up-5 > .column, .medium-up-5 > .columns {
            flex: 0 0 20%;
            max-width: 20%
        }

    .medium-up-6 {
        flex-wrap: wrap
    }

        .medium-up-6 > .column, .medium-up-6 > .columns {
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

    .medium-up-7 {
        flex-wrap: wrap
    }

        .medium-up-7 > .column, .medium-up-7 > .columns {
            flex: 0 0 14.28571%;
            max-width: 14.28571%
        }

    .medium-up-8 {
        flex-wrap: wrap
    }

        .medium-up-8 > .column, .medium-up-8 > .columns {
            flex: 0 0 12.5%;
            max-width: 12.5%
        }

    .medium-collapse > .column, .medium-collapse > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .medium-uncollapse > .column, .medium-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

@media print,screen and (min-width:64em) {
    .large-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-up-1 {
        flex-wrap: wrap
    }

        .large-up-1 > .column, .large-up-1 > .columns {
            flex: 0 0 100%;
            max-width: 100%
        }

    .large-up-2 {
        flex-wrap: wrap
    }

        .large-up-2 > .column, .large-up-2 > .columns {
            flex: 0 0 50%;
            max-width: 50%
        }

    .large-up-3 {
        flex-wrap: wrap
    }

        .large-up-3 > .column, .large-up-3 > .columns {
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

    .large-up-4 {
        flex-wrap: wrap
    }

        .large-up-4 > .column, .large-up-4 > .columns {
            flex: 0 0 25%;
            max-width: 25%
        }

    .large-up-5 {
        flex-wrap: wrap
    }

        .large-up-5 > .column, .large-up-5 > .columns {
            flex: 0 0 20%;
            max-width: 20%
        }

    .large-up-6 {
        flex-wrap: wrap
    }

        .large-up-6 > .column, .large-up-6 > .columns {
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

    .large-up-7 {
        flex-wrap: wrap
    }

        .large-up-7 > .column, .large-up-7 > .columns {
            flex: 0 0 14.28571%;
            max-width: 14.28571%
        }

    .large-up-8 {
        flex-wrap: wrap
    }

        .large-up-8 > .column, .large-up-8 > .columns {
            flex: 0 0 12.5%;
            max-width: 12.5%
        }
}

.align-left {
    justify-content: flex-start
}

.align-right {
    justify-content: flex-end
}

.align-center {
    justify-content: center
}

.align-justify {
    justify-content: space-between
}

.align-spaced {
    justify-content: space-around
}

.align-left.vertical.menu > li > a {
    justify-content: flex-start
}

.align-right.vertical.menu > li > a {
    justify-content: flex-end
}

.align-center.vertical.menu > li > a {
    justify-content: center
}

.align-top {
    align-items: flex-start
}

.align-self-top {
    align-self: flex-start
}

.align-bottom {
    align-items: flex-end
}

.align-self-bottom {
    align-self: flex-end
}

.align-middle {
    align-items: center
}

.align-self-middle {
    align-self: center
}

.align-stretch {
    align-items: stretch
}

.align-self-stretch {
    align-self: stretch
}

.align-center-middle {
    align-content: center;
    align-items: center;
    justify-content: center
}

.small-order-1 {
    order: 1
}

.small-order-2 {
    order: 2
}

.small-order-3 {
    order: 3
}

.small-order-4 {
    order: 4
}

.small-order-5 {
    order: 5
}

.small-order-6 {
    order: 6
}

@media print,screen and (min-width:37.5em) {
    .medium-order-1 {
        order: 1
    }

    .medium-order-2 {
        order: 2
    }

    .medium-order-3 {
        order: 3
    }

    .medium-order-4 {
        order: 4
    }

    .medium-order-5 {
        order: 5
    }

    .medium-order-6 {
        order: 6
    }
}

@media print,screen and (min-width:64em) {
    .large-order-1 {
        order: 1
    }

    .large-order-2 {
        order: 2
    }

    .large-order-3 {
        order: 3
    }

    .large-order-4 {
        order: 4
    }

    .large-order-5 {
        order: 5
    }

    .large-order-6 {
        order: 6
    }
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print {
    * {
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print, th.show-for-print {
        display: table-cell !important
    }

    a, a:visited {
        text-decoration: underline
    }

        .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
            content: ""
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote, pre {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        display: none !important
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .print-break-inside {
        page-break-inside: auto
    }
}

html {
    --light-background: #f2f2f2;
    --lightest: #efefef;
    --light: #ccc;
    --medium: #a6a6a6;
    --dark: #636363;
    --dark-background: #4b4b4b;
    --darkest: #4b4b4b;
    --dark-text: #4b4b4b;
    --light-text: #fff;
    --background: #efefef;
    --heading: #4b4b4b;
    --default: #b5121b;
    --button: #b5121b;
    --button-transparent: rgba(181,18,27,.9);
    --button-hover: #7f0d13;
    --icon: #4b4b4b;
    --icon-background: #efefef
}

.bg-grey, .grey {
    --default: #bec0c2;
    --light-background: #f2f2f2;
    --light: #ccc;
    --medium: #4d4d4d;
    --dark: #333;
    --dark-background: #333;
    --button: #333;
    --button-hover: #4d4d4d
}

.bg-primary-red, .course-search.primary-red + .icons, .primary-red {
    --default: #b5121b;
    --light-background: #f2f2f2;
    --light: #dc7974;
    --medium: #b5121b;
    --dark: #730c11;
    --dark-background: #b5121b;
    --heading: #b5121b;
    --button: #b5121b;
    --button-hover: #730c11;
    --dark-text: #5d090d;
    --icon: #b5121b
}

.bg-secondary-red, .secondary-red {
    --default: #b9504a;
    --lightest: #e2b8b6;
    --light: #cd827e;
    --medium: #b9504a;
    --dark: #813632;
    --dark-background: #b9504a;
    --heading: #813632;
    --contrast-button: #813632;
    --contrast-button-hover: #b9504a;
    --button: #b9504a;
    --button-hover: #813632;
    --dark-text: #491f1d;
    --icon: #b9504a
}

.bg-dark-blue, .dark-blue {
    --default: #324147;
    --lightest: #c1d1d7;
    --light: #83a3af;
    --medium: #50707c;
    --dark: #324147;
    --dark-background: #324147;
    --heading: #324147;
    --contrast-button: #50707c;
    --contrast-button-hover: #324147;
    --button: #324147;
    --button-hover: #50707c;
    --dark-text: #2a373c;
    --icon: #50707c
}

.bg-light-blue, .light-blue {
    --default: #4b7d94;
    --lightest: #bbd2dd;
    --light: #77a5bb;
    --medium: #4b7d94;
    --dark: #335666;
    --dark-background: #4b7d94;
    --heading: #335666;
    --contrast-button: #223944;
    --contrast-button-hover: #4b7d94;
    --button: #4b7d94;
    --button-hover: #223944;
    --dark-text: #223944;
    --icon: #4b7d94
}

.bg-dark-green, .dark-green {
    --default: #557869;
    --lightest: #c3d5cd;
    --light: #88aa9b;
    --medium: #557869;
    --dark: #3f5a4e;
    --dark-background: #557869;
    --heading: #3f5a4e;
    --contrast-button: #3f5a4e;
    --contrast-button-hover: #557869;
    --button: #557869;
    --button-hover: #3f5a4e;
    --dark-text: #2a3c34;
    --icon: #557869
}

.bg-light-green, .light-green {
    --default: #68795c;
    --lightest: #cbd3c5;
    --light: #97a78b;
    --medium: #68795c;
    --dark: #4b5742;
    --dark-background: #68795c;
    --heading: #4b5742;
    --contrast-button: #4b5742;
    --contrast-button-hover: #68795c;
    --button: #68795c;
    --button-hover: #4b5742;
    --dark-text: #323a2c;
    --icon: #68795c
}

.bg-lilac, .lilac {
    --default: #64606c;
    --lightest: #cbc9cf;
    --light: #97939f;
    --medium: #64606c;
    --dark: #4b4851;
    --dark-background: #64606c;
    --heading: #4b4851;
    --contrast-button: #4b4851;
    --contrast-button-hover: #64606c;
    --button: #64606c;
    --button-hover: #4b4851;
    --dark-text: #323036;
    --icon: #64606c
}

.bg-mid-teal, .mid-teal {
    --default: #008375;
    --lightest: #b3e6e1;
    --light-background: #edf7f7;
    --light: #66ccc2;
    --medium: #008375;
    --dark: #004d45;
    --dark-background: #008375;
    --heading: #004d45;
    --contrast-button: #004d45;
    --contrast-button-hover: #008375;
    --button: #008375;
    --button-hover: #004d45;
    --dark-text: #004d45;
    --icon: #008375
}

.bg-mid-blue, .mid-blue {
    --default: #007599;
    --lightest: #a6e0f2;
    --light-background: #ecf5f9;
    --light: #69b9d1;
    --medium: #006382;
    --dark: #004e66;
    --dark-background: #007599;
    --heading: #004e66;
    --contrast-button: #004e66;
    --contrast-button-hover: #007599;
    --button: #007599;
    --button-hover: #004e66;
    --dark-text: #004e66;
    --icon: #007599
}

.bg-mid-magenta, .mid-magenta {
    --default: #8a3e65;
    --lightest: #dfb9cd;
    --light-background: #f6eef2;
    --light: #c884a7;
    --medium: #8a3e65;
    --dark: #6a2f4d;
    --dark-background: #8a3e65;
    --heading: #6a2f4d;
    --button: #8a3e65;
    --button-hover: #6a2f4d;
    --contrast-button: #6a2f4d;
    --contrast-button-hover: #8a3e65;
    --dark-text: #471f34;
    --icon: #8a3e65
}

.bg-alert {
    --background-color: #ffff4d;
    background-color: #ffff4d;
    color: #000
}

    .bg-alert h1 h2, .bg-alert h3, .bg-alert h4, .bg-alert h5 {
        color: #000;
        letter-spacing: 0
    }

    .bg-alert svg {
        fill: #000;
        color: #000
    }

.bg-bowland {
    --default: #bb181d;
    --menu: #bb181d;
    --menu-text: #fff;
    --button: #bb181d;
    background-color: #bb181d;
    color: #fff
}

    .bg-bowland svg {
        fill: #fff
    }

@media screen and (min-width:64em) {
    .bg-bowland .nav-menu .sub-nav.open {
        background-image: url(/media/wdp/style-assets/images/foundation/bowland-silhouette.png);
        background-position: bottom right 20px
    }
}

.bg-bowland a:focus, .bg-bowland button:focus {
    outline: .25rem solid #6abcf6;
    outline-offset: .125rem
}

.bg-cartmel {
    --default: #7a003c;
    --menu: #7a003c;
    --menu-text: #fff;
    --button: #7a003c;
    background-color: #7a003c;
    color: #fff
}

    .bg-cartmel svg {
        fill: #fff
    }

@media screen and (min-width:64em) {
    .bg-cartmel .nav-menu .sub-nav.open {
        background-image: url(/media/wdp/style-assets/images/foundation/cartmel-silhouette.png);
        background-position: 100% 100%
    }
}

.bg-county {
    --default: #003768;
    --menu: #003768;
    --menu-text: #fff;
    --button: #003768;
    background-color: #003768;
    color: #fff
}

    .bg-county svg {
        fill: #fff
    }

@media screen and (min-width:64em) {
    .bg-county .nav-menu .sub-nav.open {
        background-image: url(/media/wdp/style-assets/images/foundation/county-silhouette.png);
        background-position: bottom -50px right
    }
}

.bg-furness {
    --default: #333092;
    --menu: #333092;
    --menu-text: #fff;
    --button: #333092;
    background-color: #333092;
    color: #fff
}

    .bg-furness svg {
        fill: #fff
    }

@media screen and (min-width:64em) {
    .bg-furness .nav-menu .sub-nav.open {
        background-image: url(/media/wdp/style-assets/images/foundation/furness-silhouette.png);
        background-position: 100% 100%
    }
}

.bg-furness a:focus, .bg-furness button:focus {
    outline: .25rem solid #0f8feb;
    outline-offset: .125rem
}

.bg-fylde {
    --default: #f47b20;
    --menu: #f47b20;
    --menu-text: #000;
    --button: #f47b20;
    background-color: #f47b20;
    color: var(--dark-text)
}

    .bg-fylde svg {
        fill: var(--darkest)
    }

    .bg-fylde a:focus, .bg-fylde button:focus {
        outline: .25rem solid #0347a0;
        outline-offset: .125rem
    }

    .bg-fylde p {
        color: #0a0a0a
    }

    .bg-fylde .nav-menu .nav-item > button, .bg-fylde .nav-menu .nav-item a {
        color: var(--menu-text)
    }

        .bg-fylde .nav-menu .nav-item > a[role=button]:after, .bg-fylde .nav-menu .nav-item > button:after {
            border-top: 5px solid var(--menu-text)
        }

@media screen and (min-width:64em) {
    .bg-fylde .nav-menu .sub-nav.open {
        background-image: url(/media/wdp/style-assets/images/foundation/fylde-silhouette.png);
        background-position: bottom -65px right -160px
    }
}

.bg-grad {
    --default: #5ea2ad;
    --menu: #5ea2ad;
    --menu-text: #000;
    --button: #5ea2ad;
    background-color: #5ea2ad;
    color: #000
}

    .bg-grad svg {
        fill: #000
    }

    .bg-grad a:focus, .bg-grad button:focus {
        outline: .25rem solid #064d7a;
        outline-offset: .125rem
    }

    .bg-grad p {
        color: #0a0a0a
    }

    .bg-grad .nav-menu .nav-item > button, .bg-grad .nav-menu .nav-item a {
        color: var(--menu-text)
    }

        .bg-grad .nav-menu .nav-item > a[role=button]:after, .bg-grad .nav-menu .nav-item > button:after {
            border-top: 5px solid var(--menu-text)
        }

.bg-grizedale {
    --default: #00539b;
    --menu: #00539b;
    --menu-text: #fff;
    --button: #00539b;
    background-color: #00539b;
    color: #fff
}

    .bg-grizedale svg {
        fill: #fff
    }

@media screen and (min-width:64em) {
    .bg-grizedale .nav-menu .sub-nav.open {
        background-image: url(/media/wdp/style-assets/images/foundation/grizedale-silhouette.png);
        background-position: bottom right 20px
    }
}

.bg-grizedale a:focus, .bg-grizedale button:focus {
    outline: .25rem solid #44aaf3;
    outline-offset: .125rem
}

.bg-lonsdale {
    --default: #114075;
    --menu: #114075;
    --menu-text: #fff;
    --button: #114075;
    background-color: #114075;
    color: #fff
}

    .bg-lonsdale svg {
        fill: #fff
    }

@media screen and (min-width:64em) {
    .bg-lonsdale .nav-menu .sub-nav.open {
        background-image: url(/media/wdp/style-assets/images/foundation/lonsdale-silhouette.png);
        background-position: bottom -75px right -50px
    }
}

.bg-lonsdale a:focus, .bg-lonsdale button:focus {
    outline: .25rem solid #0f8feb;
    outline-offset: .125rem
}

.bg-pendle {
    --default: #006400;
    --menu: #006400;
    --menu-text: #fff;
    --button: #006400;
    background-color: #006400;
    color: #fff
}

    .bg-pendle svg {
        fill: #fff
    }

@media screen and (min-width:64em) {
    .bg-pendle .nav-menu .sub-nav.open {
        background-image: url(/media/wdp/style-assets/images/foundation/pendle-silhouette.png);
        background-position: bottom -20px right -20px
    }
}

.bg-pendle a:focus, .bg-pendle button:focus {
    outline: .25rem solid #49acf3;
    outline-offset: .125rem
}

.button, button {
    --btn-font-small: 1rem;
    --btn-font-large: 1.125rem;
    --btn-text-colour: #fff;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #b5121b;
    background-color: var(--button);
    border: 1px solid transparent;
    border-radius: 5px;
    color: var(--btn-text-colour);
    cursor: pointer;
    display: inline-flex;
    font-family: arial,helvetica,sans-serif;
    font-size: var(--btn-font-small);
    font-weight: 700;
    justify-content: center;
    line-height: 1;
    margin: 0 0 1rem;
    padding: .85rem 1rem;
    transition-duration: .25s;
    transition-property: background-color,color;
    transition-timing-function: ease-out
}

    .button:hover, button:hover {
        background-color: #7f0d13;
        background-color: var(--button-hover);
        color: var(--btn-text-colour)
    }

    .button:focus, button:focus {
        color: #fff
    }

@media screen and (prefers-reduced-motion:no-preference) {
    .button:active, button:active {
        transform: translate(1px,1px)
    }
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        border-style: none
    }

    button a {
        color: #fff;
        font-weight: 700
    }

.btn-video {
    background: url(/media/wdp/style-assets/images/play-button.svg);
    background-repeat: no-repeat;
    height: 80px;
    left: 50%;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80px;
    z-index: 3
}

.btn-call {
    --btn-font-large: 1.5rem;
    --btn-font-small: 1.25rem;
    background-color: #b5121b;
    background-color: var(--button);
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    padding: .85rem 1rem
}

@media screen and (min-width:64rem) {
    .btn-call {
        font-size: var(--btn-font-large);
        padding: 1.15rem 1.25rem
    }
}

.btn-call:hover {
    background-color: #7f0d13;
    background-color: var(--button-hover)
}

.btn-call.media:before {
    content: url(/media/wdp/style-assets/images/svg/file-download-white.svg);
    height: 30px;
    margin-right: 10px;
    width: 30px
}

.btn-back {
    background-color: #b5121b;
    background-color: var(--button);
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    padding: .85rem 1rem
}

    .btn-back:hover {
        background-color: #7f0d13;
        background-color: var(--button-hover)
    }

    .btn-back:before {
        content: url(/media/wdp/style-assets/images/svg/left-arrow.svg);
        height: 15px;
        margin-right: 10px;
        width: 15px
    }

.btn-load-more {
    background-color: #b5121b;
    background-color: var(--button);
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    margin-top: 1rem;
    padding: .85rem 1rem
}

    .btn-load-more:hover {
        background-color: #7f0d13;
        background-color: var(--button-hover)
    }

.btn-video-overlay {
    fill: #fff;
    background: rgba(40,40,40,.9);
    border-radius: 5px;
    height: 70px;
    left: 50%;
    padding: 14px 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 105px;
    z-index: 1
}

@media (prefers-reduced-motion:no-preference) {
    html {
        scroll-behavior: smooth
    }
}

.site-container {
    overflow: clip
}

.main-container, .site-container {
    background: #fefefe
}

header {
    position: relative
}

main > *, main > * + * {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

@media screen and (min-width:37.5rem) {
    main > *, main > * + * {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

.grid-container {
    margin-inline: auto;
    max-width: 75rem;
    padding-left: .9375rem;
    padding-right: .9375rem
}

    .grid-container .full {
        margin-inline: auto;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }

.layout-container {
    margin-inline: auto;
    max-width: 75rem;
    padding-left: .9375rem;
    padding-right: .9375rem
}

    .layout-container.full {
        margin-inline: auto;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }

.bg-grey {
    background-color: #efefef;
    color: #000;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

@media screen and (min-width:64rem) {
    .bg-grey {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

.bg-none {
    background-color: #fff;
    color: #000
}

section.heading.bg-grey + .bg-grey, section.heading.bg-grey + .icons:not(.bg-none), section.heading.bg-grey + .stats, section.heading:not(.bg-grey) + .bg-none {
    padding-top: 0
}

section.heading.bg-none + .icon-with-text:not(.bg-grey,.bg-none), section.heading:not(.bg-grey) + .card-carousel, section.heading:not(.bg-grey) + .stats {
    padding-top: 3rem
}

section.heading:not(.bg-grey) + .crm-form, section.heading:not(.bg-grey) + .features:not(.bg-grey) {
    padding-top: 0
}

section.heading.bg-grey + .features {
    padding-top: 3rem
}

section:not(.heading)[class*=bg-none] + section.heading:not(.bg-grey) {
    padding-top: 1.5rem
}

@media screen and (min-width:64rem) {
    section:not(.heading)[class*=bg-none] + section.heading:not(.bg-grey) {
        padding-top: 3rem
    }
}

section.heading h2:after {
    margin-bottom: 0
}

.bg-grey + .card-carousel, .cta-row + .cta-row {
    padding-top: 0
}

div.colour[class*=bg] {
    background-color: var(--medium);
    color: #000
}

.filter-row {
    background-color: #efefef;
    margin: 0 auto;
    max-width: 100%;
    padding: 1.5rem 0
}

    .filter-row select {
        margin-bottom: 1rem
    }

    .filter-row.alumni {
        padding-top: 0
    }

.filter-row-wrapper {
    background-color: #efefef
}

    .filter-row-wrapper .filter-row {
        max-width: 75rem
    }

.back-to-top {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: var(--button-transparent);
    bottom: 15px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    display: none;
    display: block;
    line-height: 1;
    padding: .5rem;
    position: fixed;
    right: 15px;
    text-align: center;
    z-index: 99
}

    .back-to-top:hover {
        background-color: var(--button-hover);
        opacity: 1
    }

    .back-to-top:focus {
        position: fixed !important
    }

    .back-to-top p {
        color: #fff;
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: -.25rem;
        margin-top: -.25rem
    }

    .back-to-top .icon {
        fill: #fff;
        height: 20px;
        width: 50px
    }

    .back-to-top a {
        border-bottom: none
    }

.sticky, .sticky-container {
    position: relative
}

.sticky {
    transform: translateZ(0);
    z-index: 0
}

    .sticky.is-stuck {
        position: fixed;
        width: 100%;
        z-index: 5
    }

        .sticky.is-stuck.is-at-top {
            top: 0
        }

        .sticky.is-stuck.is-at-bottom {
            bottom: 0
        }

    .sticky.is-anchored {
        left: auto;
        position: relative;
        right: auto
    }

        .sticky.is-anchored.is-at-bottom {
            bottom: 0
        }

.flex-video {
    margin-top: 1rem
}

    .flex-video .course-video {
        border: 0
    }

.panel, .panel-aux {
    background-color: #efefef;
    border-radius: 0 0 25px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 1rem
}

    .panel-aux ul, .panel ul {
        margin-bottom: 0
    }

        .panel-aux ul li, .panel ul li {
            margin-top: .5rem;
            position: relative
        }

    .panel-aux .title, .panel .title {
        display: block;
        font-family: EffraRegular,arial,helvetica,sans-serif;
        font-size: 1.5rem;
        line-height: 1;
        margin-bottom: 1rem
    }

    .panel-aux .email, .panel .email {
        word-wrap: break-word
    }

    .panel-aux:last-child, .panel:last-child {
        margin-bottom: 2rem
    }

.flex-video, .responsive-embed {
    height: 0;
    margin-bottom: 1rem;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative
}

    .flex-video embed, .flex-video iframe, .flex-video object, .flex-video video, .responsive-embed embed, .responsive-embed iframe, .responsive-embed object, .responsive-embed video {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .flex-video.widescreen, .responsive-embed.widescreen {
        padding-bottom: 56.25%
    }

.container {
    padding-top: 0
}

@media screen and (max-width:30rem) {
    aside {
        padding: 1.5rem 0
    }
}

.seperator hr, aside h2:after {
    display: none
}

:root {
    --menu: #b5121b;
    --menu-text: #fff
}

.fixed-position {
    inset: 0;
    position: fixed
}

.header-content {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem 0
}

@media screen and (min-width:37.5rem) {
    .header-content {
        gap: 1.5rem;
        max-width: 75rem
    }
}

.logo-container {
    align-items: center;
    display: flex;
    flex: 0 1 60%
}

    .logo-container a {
        border-bottom: 0
    }

.logo-wrapper {
    align-items: center;
    display: flex;
    height: auto;
    padding: 0 .9375rem;
    position: relative
}

@media screen and (min-width:64rem) {
    .logo-wrapper {
        height: 100px
    }
}

.logo-wrapper a {
    border-bottom: none
}

.logo-wrapper img {
    height: 50px;
    margin: 0
}

@media screen and (min-width:64rem) {
    .logo-wrapper img {
        height: 64px
    }
}

.logo-wrapper img[src$=".png"] {
    height: auto
}

.toggles {
    align-items: center;
    display: flex;
    gap: .75rem;
    padding: 0 .9375rem
}

    .toggles svg {
        fill: #555656;
        height: 1.5rem;
        width: 1.5rem
    }

.menu-toggle {
    display: flex;
    margin-bottom: 0;
    padding: 0
}

    .menu-toggle, .menu-toggle:hover, .search-toggle {
        background: none
    }

.search-toggle {
    display: flex;
    margin-bottom: 0;
    padding: 0
}

    .search-toggle:hover {
        background: none
    }

    .search-toggle[aria-expanded=false] .search-icon-close {
        display: none
    }

    .search-toggle[aria-expanded=true] .search-icon-close {
        display: block
    }

    .search-toggle[aria-expanded=true] .search-icon {
        display: none
    }

.quick-links {
    display: flex;
    justify-content: flex-end;
    padding-bottom: .75rem;
    width: 100%;
    word-break: keep-all
}

    .quick-links ul {
        align-items: center;
        display: flex
    }

    .quick-links a {
        border-bottom: 1px solid transparent;
        color: #4b4b4b;
        font-size: .9375rem;
        font-weight: 700;
        margin: .75rem;
        padding: 0
    }

        .quick-links a:hover {
            border-bottom: 1px solid #4b4b4b
        }

    .quick-links.mobile {
        background-color: #efefef;
        padding: 1rem;
        visibility: hidden
    }

        .quick-links.mobile ul {
            align-items: center;
            display: flex;
            flex-flow: row wrap;
            gap: .5rem 1rem;
            justify-content: flex-end
        }

        .quick-links.mobile a {
            margin: 0;
            padding: 0
        }

#lu-bar {
    background-color: #4b4b4b
}

    #lu-bar .navigation {
        display: flex;
        font-size: 1.25rem;
        height: 42px;
        padding-bottom: .25rem;
        padding-top: .25rem
    }

        #lu-bar .navigation a {
            border-bottom: 0;
            color: #fff;
            font-weight: 400
        }

            #lu-bar .navigation a:hover {
                color: #fff
            }

        #lu-bar .navigation .core-site-title {
            align-self: center;
            border-bottom: 1px solid transparent;
            color: #fff;
            display: flex;
            font-family: LexiaRegular,georgia,serif;
            font-size: .875rem;
            letter-spacing: .02rem;
            padding: 0
        }

@media screen and (min-width:64rem) {
    #lu-bar .navigation .core-site-title {
        font-size: 1rem
    }
}

#lu-bar .navigation .core-site-title:hover {
    border-bottom: 1px solid #fff
}

#lu-bar .btn-home {
    align-items: center;
    display: flex;
    flex: 1 0 auto
}

#lu-bar .lu-home {
    height: 25px;
    margin-right: .75rem
}

#lu-bar .quick-links {
    padding: 0
}

    #lu-bar .quick-links a {
        font-weight: 700
    }

        #lu-bar .quick-links a:hover {
            border-bottom: 1px solid #fff
        }

.search-bar {
    align-items: flex-end;
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    justify-content: center;
    padding: 0 .9375rem
}

    .search-bar form {
        display: flex;
        width: 100%
    }

        .search-bar form input[type=search] {
            border-radius: 5px;
            display: flex;
            height: 3rem;
            margin: 0
        }

        .search-bar form button[type=submit] {
            align-items: center;
            background: none;
            display: flex;
            margin-bottom: 0;
            margin-left: 1rem;
            padding: 0
        }

        .search-bar form svg {
            fill: #636363;
            height: 30px;
            width: 30px
        }

.search-bar-mobile {
    background-color: #efefef;
    display: none;
    overflow: hidden;
    padding: 2rem 1.5rem;
    width: 100%
}

    .search-bar-mobile.expanded {
        display: block
    }

    .search-bar-mobile svg {
        fill: #636363;
        height: 30px;
        width: 30px
    }

    .search-bar-mobile form {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-bottom: 1rem;
        width: 100%
    }

        .search-bar-mobile form input[type=search] {
            border: 0;
            border-radius: 5px 0 0 5px;
            flex: 7 0 0;
            font-size: .875rem;
            height: 2.5rem;
            margin: 0
        }

        .search-bar-mobile form button[type=submit] {
            background-color: #b5121b;
            background-color: var(--button);
            border: 0;
            border-radius: 0 5px 5px 0;
            flex: 1 0 0;
            font-size: .875rem;
            margin: 0;
            padding: .75rem
        }

    .search-bar-mobile .a-z {
        display: flex;
        justify-content: flex-end;
        margin: 0;
        padding: 0
    }

        .search-bar-mobile .a-z a {
            border-bottom: .0625rem solid #ccc;
            color: #4b4b4b;
            display: flex;
            font-family: EffraRegular,arial,helvetica,sans-serif;
            padding-bottom: .0625rem
        }

            .search-bar-mobile .a-z a:hover {
                border-bottom-color: #4b4b4b
            }

.menu-close {
    background-color: #b5121b;
    background-color: var(--button);
    border-radius: 0;
    font-size: 2.5rem;
    justify-content: flex-end;
    line-height: 1;
    margin: 0;
    padding: .5rem 1rem;
    text-align: right;
    visibility: hidden;
    width: 100%
}

@media screen and (min-width:64rem) {
    .menu-close {
        display: none;
        visibility: hidden
    }
}

.menu-close span {
    color: #fff
}

.menu-close:hover {
    background-color: #7f0d13;
    background-color: var(--button-hover)
}

.menu-close:focus-visible {
    box-shadow: inset 0 0 0 8px #fff;
    outline-offset: -7px
}

.sticky.is-anchored {
    bottom: 0 !important;
    max-width: 100% !important;
    z-index: 1
}

.is-at-bottom {
    top: 0 !important
}

.sticky.is-stuck {
    z-index: 9
}

.primary-nav {
    border-top: 1px solid #efefef;
    display: block
}

#mega-menu-wrapper {
    background-color: #efefef;
    bottom: 0;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: -90%;
    top: 0;
    transition: transform .3s;
    width: 90%;
    z-index: 9
}

    #mega-menu-wrapper.mobile-toggle {
        box-shadow: 0 0 5px rgba(0,0,0,.5);
        transform: translateX(-100%)
    }

    #mega-menu-wrapper.active .nav-item {
        height: auto;
        overflow: visible;
        visibility: visible
    }

    #mega-menu-wrapper.active .menu-close, #mega-menu-wrapper.active .quick-links.mobile {
        visibility: visible
    }

.mega-menu {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    margin: 0 auto;
    position: relative;
    width: 100%
}

@media screen and (min-width:64rem) {
    .mega-menu {
        background-color: #b5121b;
        background-color: var(--menu);
        border-bottom: 0
    }
}

.nav-menu {
    display: flex;
    flex-direction: column
}

    .nav-menu a {
        border-bottom: 1px solid transparent;
        color: #4b4b4b;
        display: inline;
        font-size: .875rem;
        font-weight: 400
    }

        .nav-menu a:hover {
            border-bottom: 1px solid #ccc
        }

    .nav-menu .nav-item {
        border-top: 1px solid #efefef;
        height: 0;
        overflow: hidden;
        visibility: collapse
    }

        .nav-menu .nav-item > a {
            align-items: center;
            color: #333;
            display: flex;
            font-family: EffraRegular,arial,helvetica,sans-serif;
            font-size: 1.125rem;
            font-weight: 700;
            padding: .75rem 1rem;
            position: relative;
            text-decoration: none;
            transition: background .25s ease-out,color .25s ease-out;
            width: 100%
        }

            .nav-menu .nav-item > a:hover {
                border-bottom: none
            }

        .nav-menu .nav-item > button {
            align-items: center;
            background: none;
            border-radius: 0;
            color: #4b4b4b;
            display: flex;
            font-family: EffraRegular,arial,helvetica,sans-serif;
            font-size: 1.125rem;
            font-weight: 700;
            justify-content: flex-start;
            margin: 0;
            padding: .75rem 1rem;
            position: relative;
            text-align: left;
            text-decoration: none;
            transition: background .25s ease-out,color .25s ease-out;
            width: 100%
        }

            .nav-menu .nav-item > button:after {
                border-color: #b5121b transparent transparent;
                border-bottom: 0 inset transparent;
                border-left: 8px inset transparent;
                border-right: 8px inset transparent;
                border-top-style: inset;
                border-top: 8px solid var(--dark);
                content: "";
                display: block;
                height: 0;
                margin-top: -5px;
                position: absolute;
                right: 1.5rem;
                top: 50%;
                width: 0
            }

            .nav-menu .nav-item > button.open {
                background-color: #fff;
                color: #4b4b4b
            }

                .nav-menu .nav-item > button.open:after {
                    border-bottom: 8px solid #b5121b;
                    border-bottom: 8px solid var(--dark);
                    border-top: 0
                }

    .nav-menu .sub-nav {
        max-height: 0;
        overflow: hidden;
        transition: max-height .25s ease-out;
        visibility: hidden
    }

        .nav-menu .sub-nav.open {
            border: 0;
            box-shadow: none;
            display: block;
            left: 0;
            margin: 0 auto;
            max-height: 350px;
            overflow: auto;
            position: relative;
            right: 0;
            top: 0;
            transition: max-height .25s ease-in;
            visibility: visible;
            width: auto
        }

        .nav-menu .sub-nav > ul {
            display: block;
            padding: 1rem
        }

    .nav-menu .sub-nav-group {
        font-size: 1rem;
        margin-bottom: 1rem
    }

        .nav-menu .sub-nav-group ul li {
            padding-left: .5rem
        }

        .nav-menu .sub-nav-group .group-title {
            display: block;
            margin-bottom: .5rem
        }

            .nav-menu .sub-nav-group .group-title, .nav-menu .sub-nav-group .group-title a {
                color: #4b4b4b;
                font-family: EffraRegular,arial,helvetica,sans-serif;
                font-size: 1rem;
                font-weight: 700
            }

                .nav-menu .sub-nav-group .group-title a {
                    display: inline;
                    padding-left: 0
                }

    .nav-menu .multilevel-linkul-0 li {
        padding: .25rem 1rem
    }

        .nav-menu .multilevel-linkul-0 li:first-of-type {
            padding-top: 1rem
        }

        .nav-menu .multilevel-linkul-0 li:last-of-type {
            padding-bottom: 1rem
        }

    .nav-menu .nav-item > a[role=button]:after {
        border-color: #4b4b4b transparent transparent;
        border-style: solid inset inset;
        border-width: 8px 8px 0;
        content: "";
        display: block;
        height: 0;
        margin-top: -5px;
        position: absolute;
        right: 1rem;
        top: 50%;
        width: 0
    }

    .nav-menu .nav-item > a[role=button]:hover:after {
        border-top: 8px solid #4b4b4b
    }

    .nav-menu .nav-item > a[role=button].open:after {
        border-bottom: 8px solid #4b4b4b;
        border-top: 0;
        display: block
    }

@media screen and (min-width:64rem) {
    #mega-menu-wrapper {
        background-color: #b5121b;
        background-color: var(--menu);
        box-shadow: none;
        display: block;
        height: 100%;
        left: 0;
        max-width: 100%;
        min-height: 0;
        overflow: visible;
        position: relative;
        right: 0;
        transform: none;
        width: 100%;
        z-index: 9
    }

    .nav-menu {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        margin: 0 auto;
        max-width: 75rem;
        padding: 0
    }

        .nav-menu .nav-item {
            border: 0;
            height: auto;
            overflow: visible;
            position: inherit;
            visibility: visible
        }

            .nav-menu .nav-item > a {
                align-items: center;
                border-bottom: 0;
                color: var(--menu-text);
                color: #fff;
                display: flex;
                font-family: EffraRegular,arial,helvetica,sans-serif;
                font-size: 1.25rem;
                font-weight: 400;
                line-height: 1;
                margin: 0;
                padding: 1rem
            }

                .nav-menu .nav-item > a.open, .nav-menu .nav-item > a:hover {
                    background-color: #efefef;
                    color: #4b4b4b
                }

                .nav-menu .nav-item > a.open {
                    border-bottom: 0
                }

            .nav-menu .nav-item > button {
                border: 0;
                border-radius: 0;
                color: var(--menu-text);
                color: #fff;
                display: inline-block;
                font-family: EffraRegular,arial,helvetica,sans-serif;
                font-size: 1.25rem;
                font-weight: 400;
                line-height: 1;
                margin: 0;
                padding: 1rem
            }

                .nav-menu .nav-item > button:hover {
                    background-color: #efefef;
                    color: #4b4b4b
                }

                .nav-menu .nav-item > button:focus {
                    z-index: 4
                }

                .nav-menu .nav-item > button.open {
                    background-color: #efefef;
                    border-bottom: 0;
                    color: #4b4b4b
                }

                .nav-menu .nav-item > button:after {
                    border-left: 5px solid transparent;
                    border-right: 5px solid transparent;
                    border-top: 5px solid #fff;
                    content: "";
                    display: inline-block;
                    height: 0;
                    margin-bottom: 5px;
                    margin-left: .5rem;
                    margin-top: 0;
                    position: relative;
                    right: 0;
                    vertical-align: middle;
                    width: 0
                }

                .nav-menu .nav-item > button:hover:after {
                    border-top: 6px solid #4b4b4b
                }

                .nav-menu .nav-item > button.open:after {
                    border-bottom: 6px solid #4b4b4b;
                    border-top: 0
                }

        .nav-menu .sub-nav {
            background: #efefef;
            border-top: 0;
            display: none;
            left: 0;
            padding: 0;
            position: absolute;
            right: 0;
            top: 100%;
            z-index: 3
        }

            .nav-menu .sub-nav.open {
                background-image: url(/media/wdp/style-assets/images/foundation/lu-lion-new.png);
                background-position: bottom -50px right -160px;
                background-repeat: no-repeat;
                box-shadow: 0 2px 2px 0 #a6a6a6;
                display: block;
                max-height: 2000px;
                max-width: 1400px;
                overflow: hidden;
                padding-bottom: 1rem;
                padding-top: 2rem;
                position: absolute;
                top: 100%;
                width: 100%
            }

            .nav-menu .sub-nav > ul {
                display: flex;
                flex-flow: row wrap;
                margin: 0 auto;
                max-width: 75rem;
                padding: 0
            }

        .nav-menu .sub-nav-group {
            flex: 0 1 23%;
            margin-bottom: 1rem;
            padding: 0 1%
        }

            .nav-menu .sub-nav-group a {
                font-size: 1rem;
                padding-left: 0
            }

            .nav-menu .sub-nav-group ul li {
                padding-bottom: .25rem;
                padding-left: 0
            }

            .nav-menu .sub-nav-group .group-title {
                display: inline-block;
                font-size: 1.25rem;
                font-weight: 700;
                margin-bottom: .5rem
            }

                .nav-menu .sub-nav-group .group-title a {
                    display: inline;
                    font-size: 1.25rem;
                    font-weight: 700
                }

        .nav-menu .section-name {
            display: none;
            visibility: hidden
        }

        .nav-menu .nav-item > a[role=button]:after {
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #fff;
            content: "";
            display: flex;
            height: 0;
            margin-left: .5rem;
            margin-top: 0;
            position: relative;
            right: 0;
            top: 0;
            width: 0
        }

    .multilevel-linkul-0 {
        display: none
    }

    .nav-menu > li > a {
        align-items: center;
        border-bottom: 0;
        color: #fff;
        display: flex;
        font-family: EffraRegular,arial,helvetica,sans-serif;
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1;
        margin: 0;
        padding: 1rem
    }

    .nav-menu .multilevel-linkul-0 {
        padding-bottom: 2rem;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media screen and (min-width:64rem) and (min-width:87.5rem) {
    .nav-menu .multilevel-linkul-0 {
        padding-left: 6%;
        padding-right: 6%
    }
}

@media screen and (min-width:64rem) and (min-width:75rem) {
    .nav-menu .multilevel-linkul-0 {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media screen and (min-width:64rem) {
    .nav-menu .multilevel-linkul-0 a {
        font-size: 1rem
    }

    .nav-menu .multilevel-linkul-0.sub-nav.open {
        padding-bottom: 1rem
    }

    .nav-menu .multilevel-linkul-0 li {
        float: left;
        margin-right: 1rem;
        padding: 0 0 .25rem;
        width: calc(25% - 1rem)
    }

        .nav-menu .multilevel-linkul-0 li:first-of-type {
            padding-top: 0
        }
}

.breadcrumb-wrapper {
    background-color: #fff
}

.breadcrumb {
    display: flex;
    margin-inline: auto;
    max-width: 75rem
}

    .breadcrumb ol {
        display: flex;
        flex-wrap: wrap;
        font-size: .875rem;
        list-style: none;
        margin: 0;
        padding: .5rem 0 0;
        width: 100%
    }

@media screen and (min-width:64em) {
    .breadcrumb ol {
        align-items: center;
        margin: 0;
        padding: .25rem 0;
        width: auto
    }
}

.breadcrumb ol > li {
    align-items: center;
    background: none;
    color: #4b4b4b;
    display: flex;
    font-size: .75rem;
    margin: 0;
    padding: 0 0 .25rem
}

@media screen and (min-width:64em) {
    .breadcrumb ol > li {
        font-size: .875rem;
        padding: .5rem 0
    }
}

.breadcrumb ol > li a {
    background-image: none;
    border-bottom: 1px solid transparent;
    color: #4b4b4b;
    font-weight: 700;
    padding: .0625rem 0;
    text-decoration: none;
    transition-duration: .25s;
    transition-property: color,padding,border-bottom;
    transition-timing-function: ease-out
}

    .breadcrumb ol > li a:hover {
        color: #b5121b;
        padding: .0625rem 0
    }

@media screen and (min-width:64rem) {
    .breadcrumb ol > li a:hover {
        border-bottom: 1px solid #ccc
    }
}

.breadcrumb ol > li a[aria-current=page] {
    font-weight: 400
}

.breadcrumb ol > li:first-child {
    padding-left: .9375rem
}

    .breadcrumb ol > li:first-child:before {
        display: none;
        visibility: hidden
    }

.breadcrumb ol > li:before {
    align-self: stretch;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' viewBox='0 0 5.9 10.75'%3E%3Cpath d='M.46 10.75a.38.38 0 0 1-.26-.11.37.37 0 0 1 0-.53l4.64-4.7L.11.64a.37.37 0 0 1 0-.53.37.37 0 0 1 .53 0l5.26 5.3-5.17 5.23a.39.39 0 0 1-.27.11Z' fill='%23333'/%3E%3C/svg%3E");
    display: flex;
    margin: 0 .5rem
}

@media screen and (min-width:64em) {
    .breadcrumb ol > li:before {
        align-self: auto;
        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.9' height='10.75'%3E%3Cpath d='M.46 10.75a.38.38 0 0 1-.26-.11.37.37 0 0 1 0-.53l4.64-4.7L.11.64a.37.37 0 0 1 0-.53.37.37 0 0 1 .53 0l5.26 5.3-5.17 5.23a.39.39 0 0 1-.27.11Z' fill='%23333'/%3E%3C/svg%3E");
        display: flex;
        margin: 0 .75rem
    }
}

.breadcrumb ol > li.page-navigation {
    display: block;
    margin-top: .25rem;
    padding: 0;
    width: 100%
}

@media screen and (min-width:64em) {
    .breadcrumb ol > li.page-navigation {
        display: flex;
        margin-top: 0;
        width: auto
    }
}

.breadcrumb ol > li.page-navigation:before {
    display: none
}

.page-navigation {
    font-size: .75rem
}

@media screen and (min-width:64em) {
    .page-navigation {
        font-size: .875rem
    }
}

.page-navigation:before {
    display: none
}

.page-navigation .menu-list {
    background: #efefef;
    border-bottom: 4px solid #a6a6a6;
    border-bottom: 4px solid var(--medium);
    display: none;
    left: 0;
    padding: .75rem;
    position: absolute;
    right: auto;
    top: 100%;
    width: 100%;
    z-index: 1
}

@media screen and (min-width:64em) {
    .page-navigation .menu-list {
        border-top: 0;
        box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
        left: 1.25rem;
        min-width: 300px;
        z-index: 2
    }

        .page-navigation .menu-list:before {
            background: inherit;
            content: "";
            height: 2px;
            left: 0;
            position: absolute;
            top: -2px;
            width: 100%;
            z-index: 2
        }
}

.page-navigation .menu-list li {
    display: block;
    padding: .25rem 0
}

    .page-navigation .menu-list li:before {
        display: none
    }

    .page-navigation .menu-list li:first-child {
        padding-left: 0
    }

    .page-navigation .menu-list li:last-child {
        border-bottom: 0;
        padding-left: 0
    }

    .page-navigation .menu-list li a {
        border-bottom: 1px solid transparent;
        color: #4b4b4b;
        font-weight: 700;
        padding: .0625rem 0;
        text-decoration: none;
        transition-duration: .25s;
        transition-property: color,padding,border-bottom;
        transition-timing-function: ease-out
    }

        .page-navigation .menu-list li a:hover {
            color: #b5121b
        }

@media screen and (min-width:64rem) {
    .page-navigation .menu-list li a:hover {
        border-bottom: 1px solid #ccc
    }
}

@media screen and (min-width:64em) {
    .page-navigation .menu-list li a {
        border-bottom: 1px solid transparent;
        padding-bottom: .0625rem
    }

        .page-navigation .menu-list li a:hover {
            border-bottom: 1px solid #ccc;
            padding-bottom: .0625rem
        }
}

.page-navigation button {
    align-items: center;
    background-color: #4b4b4b;
    background-color: var(--dark);
    border: none;
    border-radius: 0;
    color: #fff;
    display: flex;
    font-size: inherit;
    height: 100%;
    margin: 0;
    padding: .625rem .9375rem;
    position: relative;
    text-align: left;
    width: 100%
}

@media screen and (min-width:37.5em) {
    .page-navigation button {
        padding: .9375rem
    }
}

@media screen and (min-width:64em) {
    .page-navigation button {
        border: 0;
        border-radius: 5px;
        display: inline-block;
        margin-left: 1.25rem;
        padding: .5rem 1rem;
        width: auto
    }

        .page-navigation button:after {
            border-top: 6px solid #fff;
            display: inline;
            vertical-align: middle
        }
}

.page-navigation button:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    content: "";
    display: inline-block;
    margin-left: .5rem;
    margin-top: 0
}

.page-navigation button[aria-expanded=true] {
    background-color: #efefef;
    border-radius: 0;
    color: #000
}

@media screen and (min-width:64em) {
    .page-navigation button[aria-expanded=true] {
        border-radius: 5px 5px 0 0
    }
}

.page-navigation button[aria-expanded=true]:after {
    border-bottom: 6px solid #636363;
    border-top: 0
}

.is-stuck .nav-menu .sub-nav {
    top: 42px
}

.is-stuck .nav-menu .nav-item > a, .is-stuck .nav-menu .nav-item > button {
    font-size: 1.125rem;
    padding: .75rem
}

.is-stuck .breadcrumb-wrapper {
    border-bottom: 1px solid #ccc
}

    .is-stuck .breadcrumb-wrapper .breadcrumb ol {
        padding: 0
    }

.is-stuck .page-navigation .menu-list {
    padding: 1rem
}

.is-stuck .page-navigation button {
    background-color: #636363;
    background-color: var(--dark);
    padding: .35rem .75rem
}

    .is-stuck .page-navigation button[aria-expanded=true] {
        background-color: #efefef;
        border-radius: 5px 5px 0 0;
        color: #000
    }

@media screen and (min-width:64em) {
    .course .breadcrumb-wrapper .breadcrumb ol {
        padding-left: 1rem
    }
}

.invisible-links a {
    background: #b5121b;
    color: #fff;
    font-size: 1.5em;
    height: auto;
    left: 2em;
    min-width: 175px;
    padding: 20px 0;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: -100px;
    z-index: 99999
}

    .invisible-links a:last-of-type {
        transition: top 1.25s ease-in
    }

        .invisible-links a:last-of-type:focus {
            transition: none
        }

    .invisible-links a:focus {
        top: 0
    }

.site-name-wrapper {
    color: #fff;
    width: 100%
}

@media screen and (min-width:64em) {
    .site-name-wrapper {
        background-color: #efefef;
        color: #4b4b4b
    }
}

.site-name-wrapper h2:after {
    display: none
}

.site-name {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 75rem;
    padding: .75rem .9375rem
}

    .site-name h2 {
        font-family: EffraBold,arial,helvetica,sans-serif;
        font-size: 1.35rem;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 0
    }

@media screen and (min-width:64em) {
    .site-name h2 {
        font-size: 1.5rem
    }
}

.site-name a {
    border: 0;
    color: #4b4b4b;
    font-weight: 400
}

.vue-pagination {
    margin: auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
    padding-top: 2rem;
    width: 100%
}

    .vue-pagination, .vue-pagination li {
        display: flex;
        justify-content: center
    }

        .vue-pagination li {
            align-items: center;
            background: #636363;
            color: #fefefe;
            font-size: 1rem;
            height: 2rem;
            margin: auto .5%;
            position: relative;
            text-align: center;
            width: 2rem
        }

            .vue-pagination li.current-page {
                background: #b5121b
            }

            .vue-pagination li button {
                border-radius: 0;
                color: #fefefe;
                height: 100%;
                justify-content: center;
                transition: background .3s ease;
                width: 100%
            }

                .vue-pagination li button:hover {
                    background: #b5121b
                }

        .vue-pagination .ellipsis {
            background: none;
            color: #4b4b4b
        }

.slick-slider {
    box-sizing: border-box
}

.slick-list, .slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slide, .slick-slide img, .slick-slider .slick-list, .slick-track {
    transform: translateZ(0)
}

.slick-track {
    zoom: 1;
    display: block;
    left: 0;
    position: relative;
    top: 0
}

    .slick-track:after, .slick-track:before {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

    .slick-slide img {
        display: block
    }

    .slick-slide.slick-loading img {
        display: none
    }

    .slick-slide.dragging img {
        pointer-events: none
    }

.slick-initialized .slick-slide {
    display: block
}

#biccy-banner {
    background-color: var(--medium);
    color: var(--light-text);
    padding: 2rem
}

    #biccy-banner::backdrop {
        background-color: rgba(0,0,0,.6)
    }

#biccy-prompt h1 {
    color: var(--light-text);
    font-family: LexiaBold,georgia,serif;
    margin-bottom: 0;
    max-width: 22ch
}

#biccy-prompt p {
    margin-top: 1rem;
    max-width: 80ch
}

    #biccy-prompt p.cookie-settings-link {
        margin: 0
    }

        #biccy-prompt p.cookie-settings-link a {
            color: var(--light-text);
            font-weight: 400
        }

#biccy-prompt .biccy-banner-options {
    align-items: baseline;
    display: flex;
    flex-flow: wrap;
    margin-top: 1rem
}

    #biccy-prompt .biccy-banner-options .button, #biccy-prompt .biccy-banner-options button {
        background: none;
        border: 2px solid #fff;
        color: #fff;
        font-weight: 700;
        line-height: 1.2;
        margin: 0 1rem 1rem 0;
        padding: .85rem 1rem
    }

@media screen and (min-width:64rem) {
    #biccy-prompt .biccy-banner-options .button, #biccy-prompt .biccy-banner-options button {
        font-size: var(--btn-font-large);
        padding: 1.15rem 1.25rem
    }
}

#biccy-prompt .biccy-banner-options .button:focus, #biccy-prompt .biccy-banner-options button:focus {
    background: none;
    border: 2px solid #fff;
    color: #fff
}

#biccy-prompt .biccy-banner-options .button:hover, #biccy-prompt .biccy-banner-options button:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: var(--dark-text)
}

@media screen and (max-width:37.4987rem) {
    #biccy-prompt h1 {
        font-size: 1.3rem
    }

    #biccy-prompt p {
        font-size: .95rem
    }

    #biccy-prompt .biccy-banner-options {
        justify-content: center
    }

        #biccy-prompt .biccy-banner-options button {
            margin: 0 0 1rem;
            width: 100%
        }
}

#cookie-settings {
    max-width: 80ch
}

.hero {
    background-color: #efefef;
    padding: 0;
    position: relative
}

    .hero .headline-panel {
        background-color: #fff;
        border-bottom: 4px solid #a6a6a6;
        border-bottom: 4px solid var(--medium);
        margin: -2rem auto 2rem;
        padding: 1rem 1.5rem;
        position: absolute;
        top: 25%;
        width: 95%
    }

@media screen and (min-width:64rem) {
    .hero .headline-panel {
        border-bottom: 0;
        margin: 0;
        max-width: 65rem;
        min-width: 45rem;
        padding: 1rem 2rem;
        width: auto
    }
}

.hero .headline-panel h1 {
    margin-top: .5rem
}

.hero .headline-panel p {
    font-family: arial,helvetica,sans-serif
}

@media screen and (min-width:37.5rem) {
    .hero .headline-panel p {
        font-size: 1.275rem
    }
}

.hero .headline-panel.hidden {
    display: none;
    visibility: hidden
}

.hero .headline-panel a.button {
    align-items: center;
    color: #fff;
    display: inline-flex
}

    .hero .headline-panel a.button svg {
        fill: #fff;
        height: 30px;
        margin-right: .75rem;
        width: 30px
    }

.hero.standard img {
    display: block;
    max-height: 15rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media screen and (min-width:64rem) {
    .hero.standard img {
        max-height: 50rem
    }
}

.hero.standard .headline-panel h1 {
    width: 100%
}

@media screen and (min-width:64rem) {
    .hero.standard .headline-panel {
        background: hsla(0,0%,100%,.85)
    }

        .hero.standard .headline-panel h1 {
            color: #4b4b4b;
            color: var(--heading)
        }

        .hero.standard .headline-panel p {
            font-size: 1.1875rem
        }
}

.hero.standard .headline-panel.left {
    position: relative;
    top: auto
}

@media screen and (min-width:64rem) {
    .hero.standard .headline-panel.left {
        margin: 0 0 0 1rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

.hero.standard .headline-panel.centred {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    position: relative;
    text-align: center;
    top: auto
}

@media screen and (min-width:37.5rem) {
    .hero.standard .headline-panel.centred {
        max-width: 100%
    }
}

@media screen and (min-width:64rem) {
    .hero.standard .headline-panel.centred {
        left: 50%;
        max-width: 50%;
        padding: 1rem;
        position: absolute;
        text-align: center;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 100%
    }
}

@media (min-width:1200px) {
    .hero.standard .headline-panel.centred {
        max-width: 1000px
    }
}

.hero.standard .headline-panel.centred p {
    margin: 0 auto 1rem;
    width: 90%
}

.hero.standard + .bg-grey {
    padding-top: 1rem
}

@media screen and (min-width:64rem) {
    .hero.standard + .bg-grey {
        padding-top: 3rem
    }
}

.hero.jumbo img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (min-width:37.5rem) {
    .hero.jumbo img {
        display: block;
        margin: 0 auto;
        position: relative
    }
}

@media (min-width:1600px) {
    .hero.jumbo img {
        max-height: 50rem;
        width: 100%
    }
}

.hero.jumbo .headline-panel {
    background: hsla(0,0%,100%,.85);
    margin: 0
}

    .hero.jumbo .headline-panel h1 {
        color: #4b4b4b;
        color: var(--heading)
    }

    .hero.jumbo .headline-panel p {
        font-size: 1.1875rem;
        margin: 0 auto 1rem
    }

    .hero.jumbo .headline-panel .scroll-icon {
        fill: #4b4b4b;
        fill: var(--dark);
        height: 40px;
        width: 50px
    }

    .hero.jumbo .headline-panel.centred {
        position: relative;
        text-align: center;
        width: 100%
    }

@media screen and (min-width:37.5rem) {
    .hero.jumbo .headline-panel.centred {
        left: 50%;
        max-width: 100%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%)
    }
}

@media screen and (min-width:64rem) {
    .hero.jumbo .headline-panel.centred {
        max-width: 50%
    }
}

.hero.jumbo .headline-panel.centred a {
    border-bottom: 0
}

.icons {
    background-color: unset;
    margin: 0;
    padding: 0
}

@media screen and (min-width:64rem) {
    .icons {
        padding: 3rem 0
    }
}

@media screen and (max-width:30rem) {
    .icons .cell, .icons .grid-container {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important
    }
}

.icons .grid-container {
    padding: 0
}

.icons ul {
    flex-direction: column;
    margin: 0
}

@media screen and (min-width:64rem) {
    .icons ul {
        flex-flow: row nowrap
    }
}

.icons ul li {
    flex: 1 1 100%;
    margin-top: 0
}

@media screen and (min-width:64rem) {
    .icons ul li {
        flex: 1 1 auto;
        margin-bottom: 0
    }
}

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

.icons ul li a {
    align-items: center;
    border-bottom: 0;
    border-top: 1px dashed #ccc;
    border-top: 1px dashed var(--light);
    color: #4b4b4b;
    color: var(--darkest);
    display: flex;
    flex-direction: row;
    font-family: LexiaRegular,georgia,serif;
    font-size: 1.125rem;
    font-weight: 400;
    height: 100%;
    line-height: 1.2;
    margin-bottom: 0;
    padding: 1.25rem 0;
    text-align: left;
    width: 100%
}

@media screen and (min-width:64rem) {
    .icons ul li a {
        border: 0;
        flex-direction: column;
        font-size: 1.5rem;
        justify-content: center;
        padding: 1rem;
        text-align: center
    }
}

.icons .large-up-1 p {
    max-width: 60%
}

.icons svg {
    fill: #4b4b4b;
    fill: var(--icon);
    margin-bottom: 0;
    margin-left: 1rem;
    margin-right: 1rem;
    max-height: 40px;
    width: 50px
}

@media screen and (min-width:64rem) {
    .icons svg {
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: 0;
        max-height: 80px;
        width: 80px
    }
}

@media print {
    .icons svg {
        fill: #636363 !important
    }
}

.icons .cell a:hover {
    background-color: #636363;
    background-color: var(--dark);
    color: #fff;
    text-decoration: underline
}

    .icons .cell a:hover svg {
        fill: #fff
    }

.icons.bg-none:last-child {
    margin-bottom: 0 !important
}

.icons.bg-none svg {
    fill: #4b4b4b;
    fill: var(--icon)
}

.icons.bg-none p {
    color: #4b4b4b;
    color: var(--darkest)
}

.icons.bg-none .cell a:hover {
    background-color: #636363;
    background-color: var(--dark)
}

    .icons.bg-none .cell a:hover svg {
        fill: #fff
    }

    .icons.bg-none .cell a:hover p {
        color: #fff;
        text-decoration: underline
    }

.call-to-action {
    display: flex
}

    .call-to-action .btn-call {
        align-items: center;
        flex: 1 1 auto;
        justify-content: center;
        margin: .5rem 0
    }

    .call-to-action.light-blue .button {
        background-color: #4b7d94
    }

        .call-to-action.dark-blue .button, .call-to-action.light-blue .button:hover {
            background-color: #324147
        }

            .call-to-action.dark-blue .button:hover {
                background-color: #5b676c
            }

    .call-to-action.secondary-red .button {
        background-color: #b9504a
    }

        .call-to-action.secondary-red .button:hover {
            background-color: #823834
        }

    .call-to-action.dark-green .button {
        background-color: #557869
    }

        .call-to-action.dark-green .button:hover {
            background-color: #3c544a
        }

    .call-to-action.light-green .button {
        background-color: #68795c
    }

        .call-to-action.light-green .button:hover {
            background-color: #495540
        }

    .call-to-action.lilac .button {
        background-color: #64606c
    }

        .call-to-action.lilac .button:hover {
            background-color: #46434c
        }

    .call-to-action.mid-teal .button {
        background-color: #008375
    }

        .call-to-action.mid-teal .button:hover {
            background-color: #005c52
        }

    .call-to-action.mid-blue .button {
        background-color: #006382
    }

        .call-to-action.mid-blue .button:hover {
            background-color: #003241
        }

    .call-to-action.mid-magenta .button {
        background-color: #8a3e65
    }

        .call-to-action.mid-magenta .button:hover {
            background-color: #612b47
        }

    .call-to-action.grey .button, .call-to-action.none .button {
        background-color: #b5121b;
        background-color: var(--default)
    }

.callout {
    border: 4px solid #a6a6a6;
    border: 4px solid var(--medium);
    border-radius: 5px;
    margin: 0;
    padding: 1.5rem;
    position: relative
}

    .callout > :last-child {
        margin-bottom: 0
    }

.callout-card {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.875rem;
    position: relative
}

@media screen and (min-width:37.5rem) {
    .callout-card {
        flex-direction: row
    }
}

.callout-card:hover h2, .callout-card:hover h3 {
    text-decoration: underline
}

.callout-card .callout-card-image {
    display: flex;
    flex: 1 1 auto;
    height: 100%;
    position: relative;
    width: 100%
}

@media screen and (min-width:37.5rem) {
    .callout-card .callout-card-image {
        flex: 0 0 20%
    }
}

@media screen and (min-width:64rem) {
    .callout-card .callout-card-image {
        flex: 0 0 40%
    }
}

.callout-card .callout-card-image a {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.callout-card .callout-card-image img {
    display: flex
}

@media screen and (min-width:37.5rem) {
    .callout-card .callout-card-image img {
        height: 100%;
        max-width: -moz-fit-content;
        max-width: fit-content;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }
}

.callout-card .callout-card-details {
    padding: 1rem;
    width: 100%
}

@media screen and (min-width:64rem) {
    .callout-card .callout-card-details {
        padding-bottom: 0
    }
}

.callout-card .callout-card-details blockquote {
    background-image: none;
    border: 0;
    margin-bottom: .5rem;
    margin-top: 1em;
    padding: 0
}

    .callout-card .callout-card-details blockquote span {
        background-image: url(/media/lancaster-university/style-assets/images/aboutus/blockquote-left.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 1.875rem;
        padding-bottom: 1.25rem;
        padding-left: 2.5rem
    }

.callout-card .callout-card-details small {
    color: #b5121b;
    font-size: .9rem;
    font-weight: 700
}

aside .callout {
    border: 0
}

aside .callout, aside .callout-card {
    background-color: #efefef;
    background-color: var(--lightest)
}

aside .callout-card {
    flex-direction: column;
    margin-top: 1rem
}

    aside .callout-card img {
        margin: 0
    }

.alumni-index {
    padding: 0
}

    .alumni-index .alumni-index-content {
        background-color: #efefef;
        display: none;
        padding: 2rem .9375rem
    }

    .alumni-index .loading p {
        font-size: 1.625rem
    }

.alumni-card {
    background-color: #fff;
    margin-bottom: 2rem;
    position: relative
}

.alumni-btn {
    border: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.alumni-image {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0
}

    .alumni-image img {
        width: 100%
    }

.alumni-details {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 1rem
}

    .alumni-details .degree {
        border-bottom: 1px solid #efefef;
        border-top: 1px solid #efefef;
        color: #636363;
        font-size: .875rem;
        font-weight: 700;
        margin: 0;
        padding: 5px 0
    }

    .alumni-details h2 {
        font-size: 1.625rem
    }

        .alumni-details h2:after {
            display: none
        }

    .alumni-details h2, .alumni-details h3 {
        margin-bottom: .5rem;
        word-break: break-word
    }

        .alumni-details h2:hover, .alumni-details h3:hover {
            color: #b5121b
        }

    .alumni-details span.alumni-quote {
        font-size: 90%
    }

.alumni-profile {
    padding-top: 0;
    position: relative
}

    .alumni-profile .bg-grey {
        margin-bottom: 1.5rem
    }

@media screen and (min-width:64rem) {
    .alumni-profile .bg-grey {
        margin-bottom: 1.5rem
    }
}

.alumni-profile:hover h2, .alumni-profile:hover h3 {
    text-decoration: underline
}

.inline-content + .inline-content {
    margin: 0
}

.inline-content .grid-margin-x {
    align-items: center;
    display: flex;
    flex-direction: row
}

.inline-content .image {
    align-self: flex-start;
    flex-basis: auto;
    order: 1;
    position: relative
}

@media screen and (min-width:37.5rem) {
    .inline-content .image {
        order: 0
    }
}

.inline-content .text {
    flex-basis: auto;
    order: 2
}

@media screen and (min-width:37.5rem) {
    .inline-content .text {
        order: 0
    }
}

.inline-content .text p:last-child {
    margin-bottom: 0
}

.inline-content figure {
    margin-bottom: 2rem
}

@media screen and (min-width:64rem) {
    .inline-content figure {
        margin-bottom: 0
    }
}

.inline-content a:hover .btn-video {
    opacity: .8
}

.inline-content .btn-video {
    margin-top: -1rem
}

@media screen and (min-width:37.5rem) {
    .inline-content .btn-video {
        left: 50%
    }
}

.inline-content.bg-none + .accordion-panel {
    padding-top: 0
}

@media screen and (min-width:64rem) {
    .inline-content.bg-none + .accordion-panel {
        padding-top: 1.5rem
    }
}

.subject-areas-list {
    padding: 2rem 0
}

    .subject-areas-list .search-panel {
        padding-bottom: 2rem
    }

    .subject-areas-list .course-search {
        background: none;
        padding: 0
    }

        .subject-areas-list .course-search .search-panel [type=search] {
            margin-bottom: 0
        }

.subject-area h2, .subject-area h3 {
    background: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.subject-area .module-accordion {
    border: 1px solid #ccc;
    border-radius: 5px
}

    .subject-area .module-accordion .accordion-item h2:after, .subject-area .module-accordion .accordion-item h3:after {
        display: none
    }

    .subject-area .module-accordion .accordion-item.is-active {
        background-color: var(--dark)
    }

        .subject-area .module-accordion .accordion-item.is-active h2, .subject-area .module-accordion .accordion-item.is-active h3 {
            color: #fff
        }

    .subject-area .module-accordion .accordion-item:first-of-type {
        border-radius: 5px 5px 0 0
    }

    .subject-area .module-accordion .accordion-item:last-of-type {
        border-radius: 0 0 5px 5px
    }

    .subject-area .module-accordion .accordion-item:only-of-type {
        border-radius: 5px
    }

    .subject-area .module-accordion .accordion-content {
        border: 0
    }

        .subject-area .module-accordion .accordion-content a {
            border-bottom: .0625rem solid #ccc;
            color: #000;
            padding-bottom: .0625rem;
            text-decoration: none;
            transition: color .2s ease-out 0s
        }

            .subject-area .module-accordion .accordion-content a:hover {
                color: #b5121b
            }

.subject-area .courses-list h2, .subject-area .courses-list h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem
}

@media screen and (min-width:64rem) {
    .subject-area .courses-list h2, .subject-area .courses-list h3 {
        font-size: 1.625rem
    }
}

.subject-area .courses-list h2:after, .subject-area .courses-list h3:after {
    display: none
}

.subject-area .courses-list li span {
    font-weight: 400
}

#course-search {
    padding-top: 0
}

    #course-search .result-list {
        margin: 0 auto;
        max-width: 75rem;
        padding: 1rem
    }

        #course-search .result-list a {
            color: #000
        }

            #course-search .result-list a:focus, #course-search .result-list a:hover {
                color: #b5121b
            }

    #course-search .search-panel {
        margin: 1rem 0
    }

.page-content {
    margin-inline: auto;
    max-width: 75rem;
    padding-left: .9375rem;
    padding-right: .9375rem
}

@media screen and (min-width:37.5rem) {
    .page-content p {
        width: 100%
    }
}

@media screen and (min-width:64rem) {
    .page-content p {
        width: 75%
    }
}

.page-content .medium-8 p {
    width: 100%
}

.page-content .article-image {
    float: none;
    margin-left: 0;
    width: 100%
}

@media screen and (min-width:64rem) {
    .page-content .article-image {
        height: auto;
        margin: 1rem 0;
        max-width: 100%
    }
}

.page-content + .page-content {
    padding-top: 0
}

@media (max-width:1024px) {
    .content .grid-container {
        padding-right: 0
    }

    .content h1, .content h2, .content h3, .content img, .content ol, .content p, .content ul {
        padding-right: .9375rem
    }

    .content table {
        border-radius: 0;
        display: block;
        overflow: auto;
        width: 100%
    }

        .content table tbody, .content table thead {
            border: 5px solid #efefef
        }

        .content table tbody {
            border-bottom-width: 3px;
            border-top-width: 3px
        }
}

.content h1 {
    margin-bottom: 2rem
}

.content ol, .content p, .content ul {
    margin-bottom: 1.5rem;
    width: 100%
}

@media screen and (min-width:64rem) {
    .content ol, .content p, .content ul {
        width: 80%
    }
}

.content ol:last-child, .content p:last-child, .content ul:last-child {
    margin-bottom: 0
}

.content .intro {
    font-family: EffraLight,arial,helvetica,sans-serif;
    font-size: 1.25rem;
    margin-bottom: 1rem
}

@media screen and (min-width:64rem) {
    .content .intro {
        font-size: 1.375rem
    }
}

.content ul {
    list-style: square;
    padding-left: 1rem
}

.content ol {
    margin-left: 0
}

.content .medium-8 p, .content .medium-8 ul {
    width: 100%
}

.content img {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.content table img {
    margin-bottom: 0;
    margin-top: 0
}

.content .button.media:before {
    content: url(/media/wdp/style-assets/images/svg/file-download-white.svg);
    height: 30px;
    margin-right: 10px;
    width: 30px
}

.content + .accordion-panel {
    padding-top: 0
}

.content.content-collapse {
    margin-top: -1rem
}

@media screen and (min-width:64rem) {
    .content.content-collapse {
        margin-top: -2rem;
        padding-bottom: 0
    }
}

.content .lu-fb-results .tabs-content ol, .content .lu-fb-results .tabs-content p, .content .lu-fb-results .tabs-content ul {
    width: 100%
}

.stats {
    background-color: #efefef;
    color: #4b4b4b;
    color: var(--dark);
    margin: 0
}

    .stats:not(.bg-grey) {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

@media screen and (min-width:64rem) {
    .stats:not(.bg-grey) {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

.stats + .stats {
    padding-top: 0
}

.stats .card-carousel {
    padding: 0
}

.stats .stat-card {
    background-color: #fff;
    border-left: 8px solid #a6a6a6;
    border-left: 8px solid var(--medium);
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem
}

    .stats .stat-card svg {
        fill: #636363;
        fill: var(--dark);
        height: 4rem;
        max-width: 5rem;
        vertical-align: bottom;
        width: 5rem
    }

.stats h2:after {
    display: none
}

.stats p {
    color: #4b4b4b;
    color: var(--dark-text);
    margin: 0;
    width: 100%
}

.stats hr {
    border-bottom: 3px solid #ccc;
    margin-top: 1rem;
    text-align: left;
    width: 80px
}

.stats .text-icon {
    color: #636363;
    color: var(--dark);
    display: block;
    font-family: LexiaBlack,georgia,serif;
    font-size: 3rem;
    font-weight: 700;
    height: auto;
    line-height: 1;
    width: auto
}

@media screen and (min-width:37.5rem) {
    .stats .text-icon {
        font-size: 2rem
    }
}

@media screen and (min-width:64rem) {
    .stats .text-icon {
        font-size: 2.5vw
    }
}

.stats .ranking {
    align-items: center;
    display: flex;
    height: 4rem;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 5rem
}

    .stats .ranking svg {
        height: 4rem;
        left: 0;
        position: absolute;
        top: 0;
        width: 5rem
    }

    .stats .ranking .rank {
        color: #555656;
        color: var(--dark);
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: .2rem
    }

@media screen and (min-width:64rem) {
    .stats .ranking .rank {
        font-size: 1.9rem;
        margin-bottom: .7rem
    }

        .stats .ranking .rank.large {
            font-size: 1.2rem;
            margin-bottom: .4rem
        }
}

.stats .subject {
    display: block;
    font-size: 1.375rem;
    margin-bottom: .5rem
}

.stats .article-carousel-wrapper {
    margin-bottom: 0
}

.stats .article-carousel {
    height: 220px
}

    .stats .article-carousel.slick-initialized {
        height: auto
    }

.stats .article-carousel-loading {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.stats .slick-initialized ~ .article-carousel-loading {
    display: none
}

.stats .slick-track {
    display: flex
}

.stats .slick-slide {
    height: auto;
    min-height: 100%
}

    .stats .slick-slide > div {
        display: flex;
        height: 100%;
        margin: .5rem
    }

.card-carousel {
    background-color: #efefef;
    margin: 0;
    padding: 2rem 0
}

@media screen and (min-width:64rem) {
    .card-carousel {
        padding: 3rem 0
    }
}

.card-carousel.bg-none {
    background-color: #efefef
}

.card-carousel a:hover h3 {
    text-decoration: underline
}

.card-carousel button {
    background: none;
    margin: 0
}

@media screen and (min-width:37.5rem) {
    .card-carousel.has-white-bg.is-centred .slick-list {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc
    }
}

section.heading:not(.bg-grey) + .card-carousel.has-white-bg {
    padding-top: 0
}

.card-wrapper {
    background: #efefef;
    color: #4b4b4b;
    position: relative
}

    .card-wrapper img {
        width: 100%
    }

    .card-wrapper a:hover img {
        filter: brightness(110%) saturate(105%)
    }

    .card-wrapper a:hover p.name {
        text-decoration: underline
    }

.card-carousel.has-white-bg {
    background: #fff
}

    .card-carousel.has-white-bg .card-wrapper {
        border: 1px solid #ccc
    }

.card-type {
    background-color: #636363;
    background-color: var(--dark);
    color: #fff;
    font-family: EffraRegular,arial,helvetica,sans-serif;
    font-size: 1.25rem;
    margin: 0;
    padding: .5rem 1rem;
    position: absolute;
    top: 0;
    z-index: 1
}

.card-image {
    padding: 0;
    position: relative
}

    .card-image img:hover {
        opacity: .8
    }

.card-content {
    background-color: #fff;
    border-top: 4px solid #ccc;
    border-top: 4px solid var(--medium);
    padding: 1rem
}

    .card-content p {
        color: #000;
        margin-top: .5rem
    }

        .card-content p.name {
            border-bottom: .0625rem solid transparent;
            color: #4b4b4b;
            display: inline-block;
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 0;
            padding-bottom: .0625rem
        }

        .card-content p.degree {
            color: #636363;
            font-size: .875rem;
            font-weight: 700
        }

    .card-content .title {
        color: #4b4b4b;
        display: inline;
        font-weight: 700
    }

.carousel-arrow-wrapper {
    align-items: center;
    display: flex;
    padding: 0 .5rem
}

    .carousel-arrow-wrapper.left {
        justify-content: flex-end
    }

        .carousel-arrow-wrapper.left svg {
            float: right
        }

    .carousel-arrow-wrapper.right {
        justify-content: flex-start
    }

        .carousel-arrow-wrapper.right svg {
            float: left
        }

.carousel-arrow svg {
    fill: #4b4b4b;
    fill: var(--dark);
    cursor: pointer;
    max-width: 2rem;
    opacity: .85;
    transition: opacity .2s ease
}

@media screen and (min-width:64rem) {
    .carousel-arrow svg {
        max-width: 4rem
    }
}

.carousel-arrow.unavailable svg {
    fill: #aaa;
    cursor: default
}

.carousel-arrow:not(.unavailable) svg:active, .carousel-arrow:not(.unavailable) svg:hover {
    opacity: 1
}

.article-carousel-wrapper {
    display: flex;
    justify-content: center;
    margin: 0 auto 1rem;
    max-width: 1600px
}

    .article-carousel-wrapper.show-for-small-only {
        margin-top: 1rem
    }

    .article-carousel-wrapper .slick-dotted.slick-slider {
        margin-bottom: 0
    }

@media screen and (min-width:37.5rem) {
    .article-carousel-wrapper .slick-dotted.slick-slider {
        max-width: 75rem
    }
}

.article-carousel {
    height: 400px;
    opacity: 0;
    overflow: hidden;
    transition: opacity 1s;
    visibility: hidden
}

    .article-carousel .carousel-arrow, .article-carousel .slick-slide {
        display: none
    }

    .article-carousel.slick-initialized {
        height: auto;
        opacity: 1;
        overflow: visible;
        visibility: visible
    }

        .article-carousel.slick-initialized .carousel-arrow, .article-carousel.slick-initialized .slick-slide {
            display: block;
            visibility: visible !important
        }

    .article-carousel .article-card .card-wrapper {
        background: none;
        color: #333;
        margin: 0 .5rem;
        position: relative
    }

        .article-carousel .article-card .card-wrapper a {
            border: 0;
            display: block;
            padding-bottom: 0
        }

    .article-carousel .article-card:first-child:last-child {
        max-width: 100%;
        width: 100%
    }

    .article-carousel .article-card:first-child:nth-last-child(2), .article-carousel .article-card:first-child:nth-last-child(2) ~ .article-card {
        max-width: 50%;
        width: 50%
    }

    .article-carousel .nav-dots {
        box-sizing: border-box;
        display: block;
        list-style: none;
        margin: 1rem 0 0;
        padding: 0;
        text-align: center;
        width: 100%
    }

        .article-carousel .nav-dots li {
            cursor: pointer;
            display: inline-block;
            height: 20px;
            margin: 0 5px;
            padding: 0;
            position: relative;
            width: 20px
        }

            .article-carousel .nav-dots li.slick-active button:before {
                color: #000
            }

        .article-carousel .nav-dots button {
            border: 0;
            cursor: pointer;
            display: block;
            font-size: 0;
            height: 20px;
            line-height: 0;
            padding: 5px;
            width: 20px
        }

            .article-carousel .nav-dots button:before {
                color: #868686;
                content: "\25CF";
                font-size: 1.25rem;
                height: 20px;
                left: 0;
                position: absolute;
                text-align: center;
                width: 20px
            }

            .article-carousel .nav-dots button:focus:before, .article-carousel .nav-dots button:hover:before {
                opacity: 1
            }

.icon-with-text {
    background-color: #fff;
    background-color: var(--icon-background);
    margin-bottom: 0;
    margin-top: 0
}

    .icon-with-text .panel-container {
        align-items: center;
        display: flex;
        flex-direction: column
    }

        .icon-with-text .panel-container .headline-panel {
            flex-basis: auto;
            order: 1
        }

@media screen and (min-width:37.5rem) {
    .icon-with-text .panel-container {
        flex-direction: row
    }
}

.icon-with-text .panel-container a, .icon-with-text .panel-container h1, .icon-with-text .panel-container h2, .icon-with-text .panel-container h3, .icon-with-text .panel-container li {
    color: #4b4b4b;
    color: var(--dark-text)
}

.icon-with-text .panel-container .button {
    background-color: #b5121b;
    background-color: var(--button);
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    padding: .85rem 1rem
}

    .icon-with-text .panel-container .button:hover {
        background-color: #7f0d13;
        background-color: var(--button-hover)
    }

.icon-with-text .panel-container svg {
    fill: #636363;
    fill: var(--icon);
    margin-bottom: 2rem;
    max-height: 6rem;
    min-height: inherit;
    padding: 0;
    width: 100%
}

@media screen and (min-width:37.5rem) {
    .icon-with-text .panel-container svg {
        margin: 0;
        max-height: 100%
    }
}

.icon-with-text .icon {
    flex-basis: auto;
    order: 0
}

.icon-with-text .text {
    flex-basis: auto;
    order: 1
}

@media screen and (min-width:37.5rem) {
    .icon-with-text .medium-order-1.icon, .icon-with-text .medium-order-1.text {
        order: 1
    }

    .icon-with-text .medium-order-2.icon, .icon-with-text .medium-order-2.text {
        order: 2
    }
}

.icon-with-text.bg-none {
    background-color: #fff
}

    .icon-with-text.bg-none a, .icon-with-text.bg-none h1, .icon-with-text.bg-none h2, .icon-with-text.bg-none h3 {
        color: #4b4b4b;
        color: var(--dark-text)
    }

    .icon-with-text.bg-none .button {
        background-color: #b5121b;
        background-color: var(--button);
        border-radius: 5px;
        color: #fff;
        font-weight: 700;
        padding: .85rem 1rem
    }

        .icon-with-text.bg-none .button:hover {
            background-color: #7f0d13;
            background-color: var(--button-hover)
        }

    .icon-with-text.bg-none svg {
        fill: var(--icon)
    }

section.heading h1, section.heading h2, section.heading h3 {
    margin-bottom: 0
}

section.heading p {
    margin-top: 1rem;
    width: 100%
}

    section.heading p:last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }

@media screen and (min-width:37.5rem) {
    section.heading p {
        width: 80%
    }
}

section.heading.text-center p {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

section.heading.text-center h2:after {
    margin: 1rem auto 0
}

section.heading hr, section.heading img {
    display: none;
    visibility: hidden
}

@media screen and (max-width:30rem) {
    .text-expand .medium-order-1 {
        order: 1
    }
}

.text-expand .expand-text {
    display: none
}

.text-expand .expanded {
    display: block
}

.text-expand figure {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem
}

@media screen and (min-width:64rem) {
    .text-expand figure {
        margin-bottom: 0
    }
}

.text-expand figure img {
    -o-object-fit: cover;
    object-fit: cover
}

.text-expand.bg-none + .accordion-panel {
    padding-top: 0
}

@media screen and (min-width:64rem) {
    .text-expand.bg-none + .accordion-panel {
        padding-top: 1.5rem
    }
}

.image-wrapper {
    margin-bottom: 1rem;
    margin-top: 2rem
}

    .image-wrapper:first-of-type {
        margin-top: 1rem
    }

    .image-wrapper img {
        display: block;
        margin: 0 auto
    }

.logo-pre-footer .highlight-bar {
    border-top: 5px solid #ccc;
    border-top: 5px solid var(--light)
}

    .logo-pre-footer .highlight-bar .text {
        font-family: LexiaRegular,georgia,serif
    }

    .logo-pre-footer .highlight-bar img {
        height: 35px;
        width: auto
    }

.highlight-bar {
    padding: 1.5rem 0;
    position: relative
}

    .highlight-bar.bg-grey {
        background-color: #efefef
    }

    .highlight-bar .grid-container-flex-row {
        align-items: center;
        display: flex;
        flex-flow: row wrap;
        margin: 0 auto;
        max-width: 75rem;
        padding-left: .9375rem;
        padding-right: .9375rem
    }

@media screen and (min-width:64rem) {
    .highlight-bar .grid-container-flex-row {
        flex-wrap: nowrap
    }
}

.highlight-bar .cell {
    display: flex;
    justify-content: center
}

.highlight-bar .text {
    flex: 1 1 100%;
    font-family: LexiaRegular,georgia,serif;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1rem
}

@media screen and (min-width:64rem) {
    .highlight-bar .text {
        flex: 0 1 30%;
        font-size: 1.125rem;
        margin-bottom: 0
    }
}

.highlight-bar .text p {
    margin-bottom: 0
}

.highlight-bar .image {
    display: flex;
    flex: 0 0 100px;
    flex-direction: column;
    margin: 0 1rem 1rem
}

@media screen and (min-width:64rem) {
    .highlight-bar .image {
        flex: 0 0 150px;
        margin: 0 1rem
    }
}

.highlight-bar .image a {
    border: 0
}

.highlight-bar img, .highlight-bar img[src$=".svg"] {
    width: auto
}

.highlight-bar.bg-none {
    background-color: #fff;
    padding: 1rem 0
}

.video-old:not(.bg-none) {
    background-color: #efefef;
    margin: 0;
    padding: 2rem 0
}

@media screen and (min-width:64rem) {
    .video-old:not(.bg-none) {
        padding: 3.5rem 0
    }
}

.video-old.bg-none .content {
    background-color: #efefef
}

.video-old .large-auto, .video-old .text {
    align-items: center;
    display: flex
}

.video-old .content {
    background-color: #fff;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem
}

@media screen and (min-width:64rem) {
    .video-old .content {
        margin-left: -2rem;
        width: 100%
    }
}

.video-old .content p {
    margin-bottom: 1rem;
    width: 90%
}

.video-old .content h3 {
    margin-top: 1rem
}

.video-old .content .button {
    align-self: flex-start
}

.video-old .single-accordion {
    margin: 2rem auto;
    width: 95%
}

@media screen and (min-width:64rem) {
    .video-old .single-accordion {
        margin: 2rem 2.5rem 0 .9375rem;
        width: 100%
    }
}

.video-old a {
    align-self: flex-end;
    border: none
}

@media screen and (min-width:64rem) {
    .video-old .preview {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0
    }
}

.video-old .higher {
    position: relative;
    z-index: 3
}

@media screen and (min-width:64rem) {
    .video-old .higher {
        padding-left: 0
    }
}

.video-old .lower {
    position: relative;
    z-index: 1
}

.video-old .flex-video, .video-old .responsive-embed {
    margin-bottom: 0
}

.video-old iframe {
    border: 0
}

.tabbed .tabs {
    border: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    margin: 0
}

    .tabbed .tabs .tabs-title {
        border: solid;
        border-bottom-width: 0;
        border-color: #fff #fff #ccc;
        flex-grow: 1;
        text-align: center;
        top: -3px
    }

        .tabbed .tabs .tabs-title.is-active {
            background-color: #fff;
            border-bottom: none
        }

            .tabbed .tabs .tabs-title.is-active a {
                background-color: #4b4b4b;
                background-color: var(--dark);
                color: #fff
            }

        .tabbed .tabs .tabs-title > a {
            background-color: #efefef;
            background-color: var(--lightest);
            border-bottom: 0;
            color: #4b4b4b;
            color: var(--dark-text);
            display: block;
            font-family: LexiaRegular,georgia,serif;
            font-size: 1.25rem;
            font-weight: 400;
            height: 100%;
            line-height: 1;
            padding: 1rem;
            transition: none
        }

@media screen and (min-width:64rem) {
    .tabbed .tabs .tabs-title > a {
        font-size: 1.5rem
    }
}

.tabbed .tabs .tabs-title > a:hover {
    background-color: var(--light);
    color: #000
}

.tabbed .tabs:after, .tabbed .tabs:before {
    clear: both;
    content: " ";
    display: table;
    flex-basis: 0;
    order: 1
}

.tabbed .tabs-content {
    background: #fff;
    border-left: 0;
    border-right: 0;
    border-top: solid;
    border-top-color: #ccc;
    margin-top: -3px;
    padding-bottom: 1.5rem
}

    .tabbed .tabs-content .tabs-panel {
        display: none;
        padding: 2rem 0
    }

        .tabbed .tabs-content .tabs-panel ul:not(.accordion,.module-accordion) {
            list-style-type: square;
            padding-left: 1rem
        }

        .tabbed .tabs-content .tabs-panel.is-active {
            display: block
        }

    .tabbed .tabs-content aside {
        padding-bottom: 1rem;
        padding-top: 2rem
    }

    .tabbed .tabs-content .call-to-action, .tabbed .tabs-content .intro {
        margin-bottom: 1rem
    }

.tabbed h3, .tabbed h4, .tabbed h5, .tabbed h6 {
    font-family: EffraRegular,arial,helvetica,sans-serif;
    letter-spacing: -.03em;
    margin-top: 1.2rem
}

.tabbed h4 {
    margin-top: 1rem
}

.tabbed h3 {
    margin-top: 0
}

.tabbed .callout h2 {
    font-size: 1.625rem
}

.tabbed .callout h3 {
    font-size: 1.375rem
}

.tabbed .callout h4 {
    font-size: 1.25rem
}

.tabbed .button.media:before {
    content: url(/media/wdp/style-assets/images/svg/file-download-white.svg);
    height: 25px;
    margin-right: .25rem;
    width: 25px
}

.tabbed .error:after {
    background-color: red;
    content: "";
    height: 30px;
    -webkit-mask: url(/media/wdp/style-assets/images/svg/warning-circle.svg) no-repeat 50% 50%;
    mask: url(/media/wdp/style-assets/images/svg/warning-circle.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: .5rem;
    top: .5rem;
    width: 30px;
    z-index: 3
}

.tabbed .error.is-active:after {
    background-color: #fff
}

.foundation-tab-panel .tabs {
    background: none
}

.foundation-tab-panel aside {
    padding: 0
}

.foundation-tab-panel .tabs-content-wrapper {
    border-bottom: none;
    border-bottom-color: var(--dark);
    border-left-color: var(--dark);
    border-right-color: var(--dark);
    border-top-color: var(--dark);
    padding-bottom: 0
}

.foundation-tab-panel .accordion {
    border: 1px solid #ccc
}

.foundation-tab-panel .accordion-content {
    border: 0
}

@media screen and (min-width:64rem) {
    .foundation-tab-panel .tabs-content-wrapper {
        border-top: 3px solid var(--dark);
        margin: -3px .9375rem 0;
        padding-bottom: 1.5rem
    }

        .foundation-tab-panel .tabs-content-wrapper aside {
            padding-bottom: 1rem;
            padding-top: 2rem
        }

    .foundation-tab-panel .tabs-content {
        border: none;
        margin-top: .625rem
    }

        .foundation-tab-panel .tabs-content .tabs-panel {
            padding: 1rem 0
        }
}

.foundation-tab-panel .module-accordion ul.accordion {
    list-style: none
}

.accordion-panel + .accordion-panel {
    padding-top: 0
}

.accordion {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0
}

    .accordion img {
        display: block;
        margin-bottom: 1rem
    }

    .accordion .accordion-content {
        border: 0
    }

    .accordion tr:nth-child(odd) {
        background-color: #efefef
    }

    .accordion tr:nth-child(2n) {
        background-color: #fff
    }

    .accordion h2, .accordion h3 {
        margin-bottom: 1rem
    }

        .accordion h2:after, .accordion h3:after {
            display: none
        }

@media screen and (min-width:64rem) {
    .accordion p {
        width: 75%
    }

    .accordion .bullet li {
        width: calc(75% - 2.25rem)
    }
}

.accordion[disabled] .accordion-title {
    cursor: not-allowed
}

.is-active > .accordion-title:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49 10' preserveAspectRatio='xMinYMid meet' xml:space='preserve'%3E%3Cpath d='M0 10V0h49v10H0z' style='fill:%23fff'/%3E%3C/svg%3E");
    content: "";
    height: 10px;
    margin-top: 10px
}

.accordion-item {
    border-bottom: 1px solid #ccc;
    margin-top: 0
}

    .accordion-item:last-child {
        border-bottom: 0
    }

    .accordion-item:first-child a[aria-expanded=true] {
        border-radius: 5px 5px 0 0
    }

    .accordion-item a[aria-expanded=true] {
        background-color: #4b4b4b;
        background-color: var(--dark-background);
        border-bottom: none;
        border-radius: 0;
        color: #fff;
        padding-bottom: 1.25rem
    }

        .accordion-item a[aria-expanded=true] h3 {
            color: #fff
        }

.accordion-title {
    align-items: center;
    border: 0;
    border-radius: 5px;
    color: #4b4b4b;
    color: var(--dark-text);
    display: flex;
    font-size: 1.125rem;
    padding: 1rem;
    position: relative
}

@media screen and (min-width:37.5rem) {
    .accordion-title {
        font-size: 1.25rem
    }
}

.accordion-title:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49 49'%3E%3Cpath style='fill:%234b4b4b' d='M49 19.5H29.5V0h-10v19.5H0v10h19.5V49h10V29.5H49v-10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    flex-shrink: 0;
    height: 1rem;
    margin-right: 1rem;
    width: 1rem
}

.accordion-title:hover {
    background-color: var(--light-background);
    color: #000
}

.accordion-content {
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: 0;
    display: none;
    overflow: hidden;
    padding: 1.5rem 1rem
}

@media screen and (min-width:64rem) {
    .accordion-content p {
        max-width: 80%
    }
}

.accordion-content ul {
    margin-bottom: 1rem
}

    .accordion-content ul:not(.list-alphabetical) {
        list-style-type: square
    }

    .accordion-content ol:last-child, .accordion-content p:last-child, .accordion-content table:last-child, .accordion-content ul:last-child {
        margin-bottom: 0
    }

:last-child > .accordion-content:last-child {
    border-radius: 0 0 5px 5px
}

.full-width-accordion {
    border: 0
}

    .full-width-accordion .filter-row {
        margin-top: 0
    }

    .full-width-accordion .accordion-item {
        border-bottom: 0
    }

        .full-width-accordion .accordion-item:first-child > :first-child {
            border-radius: 0
        }

        .full-width-accordion .accordion-item a[aria-expanded=true] {
            padding: .5rem
        }

@media screen and (min-width:64rem) {
    .full-width-accordion .accordion-item a[aria-expanded=true] {
        padding: 1.25rem 0
    }
}

.full-width-accordion .accordion-title {
    background: #efefef;
    padding: .5rem
}

    .full-width-accordion .accordion-title[aria-expanded=false]:hover {
        background-color: var(--light)
    }

@media screen and (min-width:64rem) {
    .full-width-accordion .accordion-title {
        padding: 1.25rem 0
    }
}

.full-width-accordion .accordion-title:before {
    display: none
}

.full-width-accordion .heading {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 1.25rem;
    margin: 0 auto;
    max-width: 75rem;
    padding-left: .9375rem;
    padding-right: .9375rem;
    position: relative;
    width: 75rem
}

@media screen and (min-width:64rem) {
    .full-width-accordion .heading {
        font-size: 1.625rem
    }
}

.full-width-accordion .heading:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49 49'%3E%3Cpath style='fill:%234b4b4b' d='M49 19.5H29.5V0h-10v19.5H0v10h19.5V49h10V29.5H49v-10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    flex-shrink: 0;
    height: 1rem;
    margin-right: 1rem;
    width: 1rem
}

.full-width-accordion .is-active .heading {
    color: #fff
}

    .full-width-accordion .is-active .heading:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49 10' preserveAspectRatio='xMinYMid meet' xml:space='preserve'%3E%3Cpath d='M0 10V0h49v10H0z' style='fill:%23fff'/%3E%3C/svg%3E");
        content: "";
        height: 10px;
        margin-top: 10px
    }

.full-width-accordion .full-width-accordion-content {
    border-bottom: 1px solid #ccc;
    padding: 0 0 2rem
}

.full-width-accordion + .full-width-accordion .accordion-item {
    border-top: 1px solid #ccc
}

.is-active + .full-width-accordion .accordion-item {
    border-top: 0
}

.tabbed.timeline .tabs .tabs-title {
    flex-grow: 1;
    margin-left: 0;
    margin-right: 10px;
    text-align: center;
    top: 0
}

    .tabbed.timeline .tabs .tabs-title:last-child {
        margin-right: 0;
        position: relative
    }

    .tabbed.timeline .tabs .tabs-title.is-active {
        border: none
    }

        .tabbed.timeline .tabs .tabs-title.is-active a {
            background: #636363;
            background: var(--dark);
            color: #fff
        }

            .tabbed.timeline .tabs .tabs-title.is-active a:after {
                border-left: 28px solid #636363;
                border-left: 28px solid var(--dark)
            }

            .tabbed.timeline .tabs .tabs-title.is-active a.bg-grey {
                background-color: #636363;
                color: #fff
            }

                .tabbed.timeline .tabs .tabs-title.is-active a.bg-grey:after {
                    border-left: 28px solid #636363
                }

            .tabbed.timeline .tabs .tabs-title.is-active a.bg-none {
                background-color: #636363;
                color: #fff
            }

                .tabbed.timeline .tabs .tabs-title.is-active a.bg-none:after {
                    border-left: 28px solid #636363
                }

    .tabbed.timeline .tabs .tabs-title:not(.is-active) {
        border: 1px solid #fff;
        border-bottom: 0 solid #ccc;
        margin-left: 0;
        top: 0
    }

        .tabbed.timeline .tabs .tabs-title:not(.is-active):last-child {
            border-right: 1px solid #efefef
        }

    .tabbed.timeline .tabs .tabs-title > a {
        background: #efefef;
        display: inline-block;
        height: 100%;
        margin-right: 8px;
        min-height: 56px;
        padding-left: 2rem;
        position: relative;
        text-decoration: none;
        width: 100%
    }

        .tabbed.timeline .tabs .tabs-title > a:before {
            border-left: 28px solid #fff;
            left: 0
        }

        .tabbed.timeline .tabs .tabs-title > a:after, .tabbed.timeline .tabs .tabs-title > a:before {
            border-bottom: 28px inset transparent;
            border-top: 28px inset transparent;
            content: "";
            height: 0;
            margin-top: -28px;
            position: absolute;
            top: 50%;
            width: 0
        }

        .tabbed.timeline .tabs .tabs-title > a:after {
            border-left: 28px solid #efefef;
            right: -28px;
            z-index: 2
        }

        .tabbed.timeline .tabs .tabs-title > a:focus {
            z-index: 1
        }

    .tabbed.timeline .tabs .tabs-title:first-child > a:before, .tabbed.timeline .tabs .tabs-title:last-child > a:after {
        border: none
    }

.tabbed.timeline .tabs-content {
    border: 3px solid #efefef;
    border-top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem
}

.tabbed.timeline .accordion {
    border: 0
}

    .tabbed.timeline .accordion .accordion-title {
        justify-content: center;
        padding-bottom: 1rem;
        padding-left: 1rem;
        padding-top: 2rem
    }

        .tabbed.timeline .accordion .accordion-title:before {
            content: ""
        }

    .tabbed.timeline .accordion .accordion-content {
        border: 0;
        padding: 2rem 0 1rem
    }

    .tabbed.timeline .accordion li {
        border-bottom: none;
        margin-top: 0;
        position: relative
    }

        .tabbed.timeline .accordion li.is-active:last-child {
            border-bottom: 1px solid #ccc
        }

        .tabbed.timeline .accordion li:first-child a[role=tab] {
            padding-top: 1rem
        }

        .tabbed.timeline .accordion li a[role=tab] {
            background-color: #636363;
            background-color: var(--dark);
            color: #fff;
            font-family: LexiaRegular,georgia,serif;
            font-weight: 400;
            margin-bottom: 8px;
            position: relative
        }

            .tabbed.timeline .accordion li a[role=tab]:before {
                border-left: 48px solid transparent;
                border-right: 48px solid transparent;
                border-top: 24px solid #fff;
                content: "";
                height: 0;
                left: 50%;
                margin-left: -48px;
                margin-top: -.5rem;
                position: absolute;
                top: 4px;
                width: 0;
                z-index: 3
            }

            .tabbed.timeline .accordion li a[role=tab]:after {
                border-left: 40px solid transparent;
                border-right: 40px solid transparent;
                border-top: 20px solid #636363;
                border-top: 20px solid var(--dark);
                bottom: -18px;
                content: "";
                height: 0;
                left: 50%;
                margin-left: -40px;
                position: absolute;
                width: 0;
                z-index: 999
            }

        .tabbed.timeline .accordion li:first-child a[role=tab]:before, .tabbed.timeline .accordion li:last-child a[role=tab]:after {
            border: none
        }

        .tabbed.timeline .accordion li.is-active a[role=tab] {
            background-color: #636363;
            background-color: var(--dark);
            color: #fff;
            position: relative
        }

            .tabbed.timeline .accordion li.is-active a[role=tab]:after {
                border-left: 40px solid transparent;
                border-right: 40px solid transparent;
                border-top: 20px solid #636363;
                border-top: 20px solid var(--dark);
                bottom: -18px;
                content: "";
                height: 0;
                left: 50%;
                margin-left: -40px;
                position: absolute;
                width: 0;
                z-index: 999
            }

            .tabbed.timeline .accordion li.is-active a[role=tab].bg-grey {
                background-color: #636363;
                color: #fff
            }

                .tabbed.timeline .accordion li.is-active a[role=tab].bg-grey:after {
                    border-top: 20px solid #636363
                }

            .tabbed.timeline .accordion li.is-active a[role=tab].bg-none {
                background-color: #636363;
                color: #fff
            }

                .tabbed.timeline .accordion li.is-active a[role=tab].bg-none:after {
                    border-top: 20px solid #636363
                }

.form {
    padding-bottom: 1rem;
    padding-top: 1rem
}

    .form h1 {
        padding-top: 1.5rem
    }

    .form .error-message {
        color: red;
        display: block;
        font-size: .875rem;
        font-style: italic;
        margin-bottom: 1rem
    }

.eform fieldset {
    border: .1rem solid #ccc;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 1rem
}

.projects-list {
    padding: 0
}

    .projects-list .full-width-accordion-content {
        padding: 1rem 0
    }

    .projects-list p:first-child {
        padding-top: 2rem
    }

    .projects-list p:last-child {
        padding-bottom: 2rem
    }

.in-page-menu {
    background-color: #efefef;
    margin: 0
}

    .in-page-menu .link span {
        background-color: #fff;
        color: #4b4b4b;
        color: var(--dark-text);
        display: block;
        font-family: LexiaRegular,georgia,serif;
        font-size: 1.25rem;
        height: auto;
        line-height: 1.2;
        margin-bottom: 1rem;
        padding: .75rem;
        position: relative;
        width: 100%
    }

@media screen and (min-width:64rem) {
    .in-page-menu .link span {
        font-size: 1.5rem;
        margin: 0
    }
}

.in-page-menu .link a {
    border-bottom: 0;
    display: block;
    font-weight: 400
}

    .in-page-menu .link a:hover .colour {
        opacity: .8
    }

    .in-page-menu .link a:hover span {
        text-decoration: underline
    }

.in-page-menu .link .colour {
    background-color: #636363;
    background-color: var(--dark);
    height: 10px
}

@media screen and (min-width:37.5rem) {
    .in-page-menu .link .colour {
        height: 20px
    }
}

.in-page-menu .link .colour.bg-grey {
    background-color: #a6a6a6;
    padding: 0
}

.in-page-menu + .in-page-menu {
    margin-top: 0;
    padding-top: 0
}

.social-feed {
    margin: 0;
    padding: 0
}

    .social-feed .grid-container {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        row-gap: 1rem;
        row-gap: .5rem
    }

        .social-feed .grid-container > * {
            min-height: 300px
        }

@media screen and (min-width:37.5rem) {
    .social-feed .grid-container {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: auto;
        row-gap: 1rem
    }

        .social-feed .grid-container > * {
            margin-bottom: 0;
            min-height: 400px
        }
}

@media screen and (min-width:64rem) {
    .social-feed .grid-container {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: auto;
        row-gap: 1rem
    }
}

.social-feed img.icon {
    height: 40px;
    left: 5%;
    position: absolute;
    top: 5%;
    width: 40px
}

.social-feed .title {
    bottom: 5%;
    display: flex;
    position: absolute;
    right: 5%
}

.social-feed .image {
    height: 100%;
    max-width: 100%;
    position: relative
}

    .social-feed .image .lazy-loaded-css-background-actual {
        background-position: 50%;
        background-repeat: no-repeat
    }

.social-feed .time {
    color: #636363;
    font-size: .75rem
}

.social-feed a {
    font-weight: 700;
    text-decoration: none
}

    .social-feed a:hover p {
        text-decoration: underline
    }

.social-feed p {
    background-color: hsla(0,0%,94%,.9);
    border-radius: 3px;
    color: #000;
    font-family: LexiaRegular,georgia,serif;
    font-size: 1.125rem;
    font-weight: 400;
    padding: .5rem
}

.social-feed .profile-image {
    float: left;
    margin-right: .5rem;
    max-width: 33%
}

.social-feed .linkedin a, .social-feed .video-container a {
    display: block;
    height: 100%;
    width: 100%
}

.social-feed .external-link .lazy-loaded-css-background-actual, .social-feed .internal-link .lazy-loaded-css-background-actual {
    background-position: 50%
}

.social-feed .external-link a, .social-feed .internal-link a {
    display: block;
    height: 100%;
    width: 100%
}

.social-feed .external-link p, .social-feed .internal-link p {
    left: 50%;
    position: absolute;
    top: 2rem;
    transform: translateX(-50%);
    width: 80%
}

.social-feed .external-link span, .social-feed .internal-link span {
    background-color: #b9504a;
    border-radius: 2px;
    color: #fff;
    float: right;
    font-family: arial,helvetica,sans-serif;
    font-size: .875rem;
    font-weight: 700;
    margin-left: 1rem;
    margin-top: .5rem;
    padding: .25rem .5rem
}

@media screen and (max-width:37.4988em) {
    .social-feed .external-link span, .social-feed .internal-link span {
        position: relative
    }

    .social-feed .instagram, .social-feed .twitter {
        height: 300px;
        position: relative
    }

        .social-feed .instagram .lazy-loaded-css-background-actual, .social-feed .twitter .lazy-loaded-css-background-actual {
            background-position: 50%
        }
}

.social-feed .instagram a, .social-feed .twitter a {
    display: block;
    height: 100%;
    width: 100%
}

.social-feed .instagram p, .social-feed .twitter p {
    bottom: 5%;
    display: block;
    position: absolute;
    right: 5%;
    word-break: break-word
}

@media screen and (max-width:37.4988em) {
    .social-feed .facebook {
        height: 300px
    }
}

.social-feed .facebook .profile-details {
    overflow: hidden
}

.social-feed .facebook .post-details {
    background-color: hsla(0,0%,94%,.9);
    font-size: .875rem;
    left: 50%;
    max-height: 80%;
    padding: 1rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    z-index: 2
}

.social-feed .facebook .post-content {
    clear: both;
    font-size: .875rem;
    margin-top: 1rem
}

@media screen and (max-width:75rem) {
    .social-feed .facebook .post-content {
        font-size: .75rem
    }
}

.social-feed .facebook .post-content span {
    display: block
}

.social-feed .facebook .post-message a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.social-feed .facebook p {
    bottom: 5%;
    display: block;
    position: absolute;
    right: 5%
}

.social-feed .facebook a {
    display: block;
    height: 100%;
    width: 100%
}

.chart-row .chart {
    margin-bottom: 2rem
}

.chart-row .color-legend {
    width: 5%
}

    .chart-row .color-legend div {
        background: #636363;
        background: var(--dark);
        height: 20px;
        width: 20px
    }

.chart-row .percentage {
    width: 10%
}

.rss-feed .rss-item {
    border-top: 1px dashed #ccc;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

    .rss-feed .rss-item h3 {
        margin-bottom: .5rem
    }

    .rss-feed .rss-item a {
        border-bottom: 0;
        color: #4b4b4b;
        color: var(--dark-text);
        display: inline-block;
        font-family: EffraBold,arial,helvetica,sans-serif;
        line-height: 1;
        margin-bottom: 0;
        padding-bottom: .0625rem;
        transition: none
    }

        .rss-feed .rss-item a:hover {
            border-bottom: .0625rem solid #a6a6a6;
            color: #b5121b;
            color: var(--button);
            padding-bottom: .0625rem;
            text-decoration: none
        }

    .rss-feed .rss-item .publication-date {
        font-family: EffraRegular,arial,helvetica,sans-serif;
        margin-bottom: .5rem;
        margin-top: 0
    }

    .rss-feed .rss-item p {
        margin-bottom: 0
    }

.page-introduction {
    margin: 0 auto;
    max-width: 100rem;
    padding-left: .9375rem;
    padding-right: .9375rem
}

    .page-introduction h1, .page-introduction h2 {
        text-align: center
    }

        .page-introduction h2:after {
            margin: 1.5rem auto
        }

    .page-introduction p {
        color: #636363;
        font-size: 1.125rem
    }

@media screen and (min-width:37.5rem) {
    .page-introduction p {
        font-size: 1.1875rem
    }
}

.case-study .cell {
    position: relative;
    z-index: 1
}

.case-study img {
    border-color: #ccb #eed #ffe;
    border-style: solid;
    border-width: 2px;
    width: 100%
}

.case-study .image-frame {
    background: #f2eee8;
    box-shadow: 4px 4px 0 -4px rgba(0,0,0,.75);
    margin: 0 auto 2rem;
    padding: 1rem 1rem 4rem;
    position: relative;
    width: 75%
}

@media screen and (min-width:37.5rem) {
    .case-study .image-frame {
        margin-bottom: 0;
        margin-right: 1rem;
        width: 100%
    }
}

.case-study .image-frame:after, .case-study .image-frame:before {
    bottom: 20px;
    box-shadow: 0 20px 15px #777;
    content: "";
    left: 10px;
    position: absolute;
    top: 80%;
    transform: rotate(-5deg);
    width: 150px;
    z-index: -1
}

.case-study .image-frame:after {
    left: auto;
    right: 10px;
    transform: rotate(5deg)
}

@media screen and (min-width:37.5rem) {
    .case-study p {
        margin-bottom: 1.5rem;
        width: 100%
    }
}

.case-study .text {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.case-study audio {
    margin-bottom: 1rem
}

@media screen and (max-width:30rem) {
    .case-study audio {
        width: 100%
    }
}

.twitter-row {
    background-color: #efefef
}

    .twitter-row .profile {
        margin-bottom: .5rem;
        padding-top: 0
    }

        .twitter-row .profile h2 {
            font-family: EffraBold,arial,helvetica,sans-serif;
            font-size: 1.625rem;
            line-height: 1;
            margin-bottom: 0
        }

            .twitter-row .profile h2:after {
                display: none
            }

        .twitter-row .profile a {
            color: #636363;
            color: var(--dark);
            font-size: 90%
        }

        .twitter-row .profile .icon {
            float: left;
            height: 50px;
            margin-right: 1.25rem;
            width: 50px
        }

    .twitter-row .tweet {
        background-color: #fff;
        border-radius: 5px;
        display: flex;
        font-size: 90%;
        margin-bottom: 1rem;
        margin-right: 0;
        padding: 1rem;
        width: 100%
    }

        .twitter-row .tweet:not(:first-child) {
            display: none;
            visibility: hidden
        }

@media screen and (min-width:37.5rem) {
    .twitter-row .tweet:not(:first-child) {
        display: flex;
        visibility: visible
    }

    .twitter-row .tweet:first-child, .twitter-row .tweet:nth-child(3) {
        margin-right: 1rem;
        width: calc(50% - 1rem)
    }
}

@media screen and (min-width:64rem) {
    .twitter-row .tweet {
        margin-right: 1rem
    }
}

.twitter-row .tweet-content {
    display: flex;
    flex-direction: column;
    width: 100%
}

    .twitter-row .tweet-content p {
        word-wrap: break-word;
        flex: 1 0 auto;
        margin-bottom: 1.5rem
    }

.twitter-row .tweet-details a {
    border-bottom: 0
}

.twitter-row .tweet svg {
    fill: #636363;
    height: 15px;
    margin-right: 1rem;
    width: 20px
}

    .twitter-row .tweet svg:hover {
        fill: #b5121b
    }

.twitter-row .tweet:last-child {
    margin-right: 0
}

.twitter-row .avatar {
    float: left;
    height: 50px;
    margin-right: .5rem;
    width: 50px
}

.twitter-row .icon {
    float: right;
    height: 32px;
    width: 32px
}

@media screen and (min-width:64rem) {
    .twitter-row .icon {
        height: 50px;
        width: 50px
    }
}

.twitter-row .time {
    color: #636363;
    float: right;
    font-size: .75rem
}

.twitter-row .error {
    align-items: center;
    display: flex
}

.responsive-iframe-embed__container {
    height: 0;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

    .responsive-iframe-embed__container embed, .responsive-iframe-embed__container iframe, .responsive-iframe-embed__container object {
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.form-accordion {
    display: block;
    margin-bottom: 2rem
}

    .form-accordion:before {
        color: #636363;
        content: "â–¼";
        font-size: 1.25rem
    }

    .form-accordion.toggle:before {
        content: "â–²"
    }

    .form-accordion span {
        border-bottom: .0625rem solid #ccc;
        color: #b5121b;
        font-weight: 700;
        padding-bottom: .0625rem;
        text-decoration: none
    }

        .form-accordion span:hover {
            color: #b5121b
        }

.intro-sentence p {
    color: #4b4b4b;
    display: block;
    font-family: LexiaRegular,georgia,serif;
    font-size: 1.25rem;
    margin: 0 auto;
    max-width: 80%;
    text-align: center
}

@media screen and (min-width:64rem) {
    .intro-sentence p {
        font-size: 1.75rem
    }
}

#no-matches.hidden {
    display: none
}

#courses-a-z {
    padding: 2rem 0
}

    #courses-a-z .list-alphabetical {
        margin-left: 0;
        margin-right: 0
    }

.ep-entry-year-nav {
    padding: 0
}

    .ep-entry-year-nav ul {
        display: flex
    }

    .ep-entry-year-nav .button {
        background: none;
        border: 2px solid #b5121b;
        border-radius: 0 5px 5px 0;
        color: #b5121b;
        cursor: default;
        font-weight: 700;
        padding: 0
    }

        .ep-entry-year-nav .button:first-child {
            border-radius: 5px 0 0 5px
        }

        .ep-entry-year-nav .button.current {
            background-color: #b5121b;
            color: #fff;
            font-weight: 700;
            padding: .85rem 1rem
        }

            .ep-entry-year-nav .button.current:before {
                color: #fff;
                content: "✔︎";
                font-size: 1rem;
                margin-right: 7px
            }

            .ep-entry-year-nav .button.current:active {
                transform: none
            }

        .ep-entry-year-nav .button a {
            border-bottom: 0;
            padding: .85rem 1rem
        }

.foundation-modules-list .entry-year-nav ul {
    margin-bottom: 0;
    margin-top: 1.5rem;
    padding: 1rem 0 0
}

    .foundation-modules-list .entry-year-nav ul .button {
        margin-bottom: 0
    }

.quote-panel blockquote {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%
}

    .quote-panel blockquote p {
        background-color: #fff;
        display: flex;
        flex: 1 1 auto;
        font-family: LexiaRegular,georgia,serif;
        font-size: 1.125rem;
        margin-bottom: 0;
        margin-top: 1rem
    }

@media screen and (min-width:64rem) {
    .quote-panel blockquote p {
        font-size: 1.75rem
    }
}

.quote-panel blockquote p[class^=bg-] {
    border-radius: 5px;
    padding: 1rem
}

@media screen and (min-width:64rem) {
    .quote-panel blockquote p[class^=bg-] {
        border-radius: 10px;
        padding: 2rem
    }
}

.quote-panel blockquote p[class*=bg-none] {
    color: #4b4b4b
}

    .quote-panel blockquote p[class*=bg-none] svg {
        fill: #4b4b4b
    }

.quote-panel blockquote svg {
    fill: #636363;
    fill: var(--dark);
    display: flex;
    flex: 0 0 5%;
    height: 1.25rem;
    margin: 0 1rem 0 0;
    width: 1.25rem
}

@media screen and (min-width:64rem) {
    .quote-panel blockquote svg {
        height: 2.25rem;
        width: 2.25rem
    }
}

.quote-panel blockquote svg:last-of-type {
    margin-right: 0;
    margin-top: auto
}

.quote-panel blockquote footer {
    color: #4b4b4b;
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    margin-left: 1rem;
    margin-top: 1.25rem
}

@media screen and (min-width:64rem) {
    .quote-panel blockquote footer {
        font-size: 1.375rem;
        margin-left: 6rem
    }
}

.quote-panel blockquote .affiliation {
    font-size: .875rem;
    font-style: normal;
    font-weight: 400
}

@media screen and (min-width:64rem) {
    .quote-panel blockquote .affiliation {
        font-size: 1rem
    }
}

.quote-panel blockquote .affiliation:before {
    content: ""
}

.magazine {
    display: flex;
    flex-direction: column;
    margin-inline: auto;
    max-width: 1600px;
    width: 100%
}

@media (min-width:700px) {
    .magazine {
        flex-direction: row
    }
}

@media screen and (min-width:105rem) {
    .magazine {
        align-items: center;
        justify-content: center
    }
}

@media (min-width:700px) {
    .magazine .image {
        flex: 0 1 50%
    }

        .magazine .image.right {
            order: 2
        }
}

.magazine .text {
    background-color: #fff;
    box-shadow: 0 5px 15px 3px rgba(17,17,26,.05);
    height: -moz-fit-content;
    height: fit-content;
    margin-inline: auto;
    margin-top: -10vh;
    max-width: 85ch;
    padding: 1.5rem;
    width: 90%
}

@media (min-width:700px) {
    .magazine .text {
        box-shadow: none;
        margin-left: -6vw;
        margin-right: 0;
        margin-top: 4vh;
        padding-left: 1.5rem;
        width: auto
    }
}

@media screen and (min-width:105rem) {
    .magazine .text {
        margin-top: 0
    }
}

@media (min-width:700px) {
    .magazine .text.left {
        margin-left: 0;
        margin-right: -6vw;
        order: 1;
        z-index: 2
    }
}

.magazine .text p {
    max-width: 85ch
}

.magazine img {
    max-width: 100%;
    -o-object-fit: none;
    object-fit: none
}

@media screen and (min-width:30rem) {
    .magazine img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.magazine .source {
    color: #636363;
    font-weight: 700;
    order: -1
}

@media screen and (min-width:30rem) {
    .magazine .source {
        order: 0
    }
}

@media screen and (min-width:64rem) {
    .bg-none + .magazine {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

.thumbnail {
    display: inline-block;
    line-height: 0;
    margin-bottom: 1rem;
    max-width: 100%
}

#financial-awards section {
    padding-top: 2rem
}

.awards-table {
    margin: 0 0 2rem;
    padding: 0
}

@media screen and (min-width:37.5rem) {
    .awards-table {
        border: 1px solid #efefef;
        margin: 1rem 0 2rem
    }
}

.awards-table > .head {
    background: #efefef;
    color: #0a0a0a;
    display: none;
    font-size: 1.25rem
}

@media screen and (min-width:37.5rem) {
    .awards-table > .head {
        display: flex
    }
}

.awards-table > .head > .table-cell {
    padding: .5rem .625rem
}

    .awards-table > .head > .table-cell.is-title {
        width: 30%
    }

    .awards-table > .head > .table-cell.is-level {
        width: 20%
    }

    .awards-table > .head > .table-cell.is-value {
        width: 50%
    }

.awards-table > .row {
    border: 1px solid #efefef;
    display: flex;
    margin-bottom: 1rem
}

@media screen and (min-width:37.5rem) {
    .awards-table > .row {
        border-bottom: 1px solid #efefef;
        margin-bottom: 0
    }

        .awards-table > .row:last-child {
            border-bottom: 0
        }

        .awards-table > .row:nth-child(odd) {
            background: #f2f2f2
        }
}

.awards-table > .row > .table-cell {
    padding: .5rem .625rem
}

    .awards-table > .row > .table-cell > a {
        border-bottom: .0625rem solid #a6a6a6;
        font-weight: 700;
        padding-bottom: .0625rem;
        text-decoration: none;
        transition-duration: .2s;
        transition-property: outline,color;
        transition-timing-function: ease-out
    }

        .awards-table > .row > .table-cell > a:hover {
            color: #000;
            outline: none
        }

    .awards-table > .row > .table-cell.is-title {
        width: 50%
    }

@media screen and (min-width:37.5rem) {
    .awards-table > .row > .table-cell.is-title {
        width: 30%
    }
}

.awards-table > .row > .table-cell.is-level {
    width: 50%
}

@media screen and (min-width:37.5rem) {
    .awards-table > .row > .table-cell.is-level {
        width: 20%
    }
}

.awards-table > .row > .table-cell.is-value {
    border-top: 1px solid #efefef;
    width: 100%
}

@media screen and (min-width:37.5rem) {
    .awards-table > .row > .table-cell.is-value {
        border-top: 0;
        width: 50%
    }
}

.awards-table > .row > .table-cell.is-value > strong {
    display: block;
    margin-bottom: .5rem
}

@media screen and (min-width:37.5rem) {
    .awards-table > .row > .table-cell.is-value > strong {
        display: none
    }
}

.award-renderer td p:last-child {
    margin-bottom: 0
}

.site-banner {
    display: grid;
    grid-template-columns: 1fr 40fr 4fr;
    grid-template-rows: none;
    justify-items: center;
    padding: .5rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

    .site-banner > :first-child {
        grid-column: 1;
        grid-row: 1
    }

    .site-banner > :nth-child(2) {
        grid-column: 2;
        grid-row: 1
    }

    .site-banner > :nth-child(3) {
        grid-column: 3;
        grid-row: 1
    }

    .site-banner div {
        align-self: center
    }

        .site-banner div:last-child {
            text-align: end
        }

    .site-banner svg {
        height: 2rem;
        width: 2rem
    }

    .site-banner p {
        margin-bottom: 0
    }

    .site-banner button.close {
        font-size: 2rem
    }

.study-abroad-module-detail {
    border-top: 1px solid #ccc;
    margin-bottom: 2rem;
    padding-top: 2rem
}

.code-snippet {
    margin-bottom: 2rem
}

    .code-snippet .hljs {
        background: #fefefe;
        border: none;
        overflow: auto;
        padding: 1rem;
        width: 100%
    }

.example {
    border: 1px solid #ccc;
    margin-bottom: 1rem;
    padding: 3rem 1rem 1rem;
    position: relative
}

    .example section {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .example:before {
        background-color: #636363;
        color: #fff;
        content: "Example";
        font-size: .85rem;
        font-weight: 700;
        left: 0;
        padding: .25rem .5rem;
        position: absolute;
        top: 0
    }

.e-campus {
    font-size: 1.75rem
}

    .e-campus .grid-container {
        max-width: 90rem
    }

    .e-campus section {
        padding-top: 5rem
    }

    .e-campus h1 {
        font-size: 4.25rem;
        margin-bottom: 2rem
    }

    .e-campus h2 {
        font-size: 3.5rem;
        margin-bottom: 1rem
    }

    .e-campus h3 {
        font-size: 2.75rem;
        margin-bottom: 1rem
    }

    .e-campus h4 {
        font-size: 2rem;
        margin-bottom: 1rem
    }

    .e-campus h5 {
        font-size: 1.75rem;
        margin-bottom: .5rem
    }

    .e-campus .logo {
        width: 40%
    }

        .e-campus .logo img {
            height: 100px;
            max-width: none;
            width: auto
        }

    .e-campus hr {
        max-width: 100%
    }

    .e-campus .note {
        color: #b5121b;
        display: block;
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: .5rem
    }

    .e-campus .alert-list ul li {
        margin-bottom: 2rem
    }

#course-sticky-anchor {
    margin: -180px 0 180px;
    padding: 0
}

#course-sticky-placeholder {
    display: none;
    width: 100%
}

#course-sticky.is-stuck + #course-sticky-placeholder {
    display: block
}

.is-course-page a, .is-course-page button {
    scroll-margin-top: 300px
}

@media screen and (max-width:37.5rem) {
    .is-course-page .anchor {
        scroll-margin-top: 125px
    }
}

@media screen and (min-width:37.5rem) {
    .is-course-page .anchor {
        scroll-margin-top: 250px
    }
}

@media screen and (min-width:64rem) {
    .is-course-page .anchor {
        scroll-margin-top: 225px
    }
}

@media screen and (max-width:30rem) {
    .is-course-page h2 {
        background: var(--background);
        margin-bottom: 1rem;
        padding: 1rem .9375rem
    }

        .is-course-page h2:after {
            display: none
        }
}

.course-related-content-block, .course-section {
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    max-width: 75rem
}

    .course-related-content-block h2:after, .course-section h2:after {
        border-bottom: 4px solid #ccc;
        border-bottom: 4px solid var(--lightest)
    }

@media screen and (max-width:37.5rem) {
    .course-related-content-block h2, .course-section h2 {
        background: var(--background);
        margin-bottom: 1rem;
        padding: 1rem .9375rem
    }

        .course-related-content-block h2:after, .course-section h2:after {
            display: none
        }
}

@media screen and (min-width:37.5rem) {
    .course-related-content-block h2, .course-section h2 {
        padding: 0 .9375rem
    }
}

@media screen and (min-width:64rem) {
    .course-related-content-block h2, .course-section h2 {
        margin-bottom: 2.25rem
    }
}

.course-related-content-block[data-course-order="1"], .course-section[data-course-order="1"] {
    --default: #3a7a5c;
    --lightest: #cbe7d9;
    --light: #75bf9a;
    --medium: #3a7a5c;
    --dark: #25513b;
    --dark-background: #25513b;
    --heading: #25513b;
    --button: #3a7a5c;
    --button-hover: #25513b;
    --contrast-button: #25513b;
    --contrast-button-hover: #517462;
    --dark-text: #214534;
    --icon: #3a7a5c
}

.course-related-content-block[data-course-order="2"], .course-section[data-course-order="2"] {
    --default: #8a3e65;
    --lightest: #dfb9cd;
    --light: #c0729a;
    --medium: #8a3e65;
    --dark: #6a2f4d;
    --dark-background: #6a2f4d;
    --heading: #6a2f4d;
    --button: #8a3e65;
    --button-hover: #6a2f4d;
    --contrast-button: #6a2f4d;
    --contrast-button-hover: #8a3e65;
    --dark-text: #471f34;
    --icon: #8a3e65
}

.course-related-content-block[data-course-order="3"], .course-section[data-course-order="3"] {
    --default: #008375;
    --lightest: #b3e6e1;
    --light: #66ccc3;
    --medium: #008375;
    --dark: #004d45;
    --dark-background: #004d45;
    --heading: #004d45;
    --contrast-button: #004d45;
    --contrast-button-hover: #008375;
    --button: #008375;
    --button-hover: #004d45;
    --dark-text: #004d45;
    --icon: #008375
}

.course-related-content-block[data-course-order="4"], .course-section[data-course-order="4"] {
    --default: #007599;
    --lightest: #a6e0f2;
    --light: #4cc2e6;
    --medium: #007599;
    --dark: #004e66;
    --dark-background: #004e66;
    --heading: #004e66;
    --contrast-button: #004e66;
    --contrast-button-hover: #007599;
    --button: #007599;
    --button-hover: #004e66;
    --dark-text: #004e66;
    --icon: #006382
}

.course-related-content-block[data-course-order="5"], .course-section[data-course-order="5"] {
    --default: #3a7a5c;
    --lightest: #cbe7d9;
    --light: #75bf9a;
    --medium: #3a7a5c;
    --dark: #25513b;
    --dark-background: #25513b;
    --heading: #25513b;
    --button: #3a7a5c;
    --button-hover: #25513b;
    --contrast-button: #25513b;
    --contrast-button-hover: #517462;
    --dark-text: #214534;
    --icon: #3a7a5c
}

.course-related-content-block[data-course-order="6"], .course-section[data-course-order="6"] {
    --default: #8a3e65;
    --lightest: #dfb9cd;
    --light: #c0729a;
    --medium: #8a3e65;
    --dark: #6a2f4d;
    --dark-background: #6a2f4d;
    --button: #6a2f4d;
    --button-hover: #6a2f4d;
    --contrast-button: #6a2f4d;
    --contrast-button-hover: #8a3e65;
    --dark-text: #471f34;
    --icon: #8a3e65
}

.course-related-content-block[data-course-order="7"], .course-section[data-course-order="7"] {
    --default: #008375;
    --lightest: #b3e6e1;
    --light: #66ccc3;
    --medium: #008375;
    --dark: #004d45;
    --dark-background: #004d45;
    --heading: #004d45;
    --contrast-button: #004d45;
    --contrast-button-hover: #008375;
    --button: #008375;
    --button-hover: #004d45;
    --dark-text: #004d45;
    --icon: #008375
}

.course-related-content-block[data-course-order="8"], .course-section[data-course-order="8"] {
    --default: #007599;
    --lightest: #a6e0f2;
    --light: #4cc2e6;
    --medium: #007599;
    --dark: #004e66;
    --dark-background: #004e66;
    --heading: #004e66;
    --contrast-button: #004e66;
    --contrast-button-hover: #007599;
    --button: #007599;
    --button-hover: #004e66;
    --dark-text: #004e66;
    --icon: #006382
}

.course-section + section:not(.course-section,.content,.video,.bg-none) {
    padding-top: 0
}

@media screen and (min-width:37.5rem) {
    .magazine + .course-section {
        padding-top: 6rem
    }
}

.course-section + .course {
    padding-top: 0
}

@media (min-width:800px) {
    .course-html {
        max-width: 75%
    }
}

.course-html ol, .course-html p, .course-html ul {
    margin-bottom: 1.5rem
}

    .course-html ol:last-child, .course-html p:last-child, .course-html ul:last-child {
        margin-bottom: 0
    }

.course-html ul {
    list-style: square;
    padding-left: 1rem
}

.course-html ol {
    margin-left: 0
}

.course-html .intro {
    color: #4b4b4b;
    font-size: 1.125rem;
    font-weight: 700
}

.unistats {
    background-color: #efefef;
    padding: 2rem
}

    .unistats .kis-widget {
        margin: 0 auto;
        max-width: 650px
    }

        .unistats .kis-widget .stat .intro {
            font-size: 1.25rem !important;
            font-weight: 700 !important;
            line-height: 1.2 !important
        }

        .unistats .kis-widget .widget-lead .course {
            font-size: .875rem !important;
            line-height: 1.4 !important
        }

        .unistats .kis-widget .widget-cta-block .cta-lead {
            color: #fff !important;
            display: inherit !important;
            font-size: 16px !important;
            line-height: 1.4 !important
        }

.accreditation {
    --light-transparent: rgba(203,231,217,.5);
    --lightest: #cbe7d9;
    --light: #75bf9a;
    --medium: #3a7a5c;
    --dark: #25513b;
    --button: #3a7a5c;
    --button-hover: #25513b
}

    .accreditation h3 {
        color: var(--dark)
    }

    .accreditation .accreditation-item {
        border-bottom: 1px dashed var(--light);
        border-top: 1px dashed var(--light);
        display: flex;
        flex-direction: column;
        padding: .75rem 0
    }

@media screen and (min-width:64rem) {
    .accreditation .accreditation-item {
        align-items: center;
        display: flex;
        flex-direction: row;
        margin-bottom: 0;
        max-width: 75%;
        padding: 0
    }
}

.accreditation .accreditation-item .logos {
    align-items: center;
    background-color: #fff;
    display: flex;
    margin-bottom: .5rem
}

@media screen and (min-width:64rem) {
    .accreditation .accreditation-item .logos {
        margin-bottom: 0
    }
}

.accreditation .accreditation-item .logos img {
    margin-right: 2rem;
    max-width: 100px;
    min-width: 0
}

@media screen and (min-width:64rem) {
    .accreditation .accreditation-item .logos img {
        max-width: 130px;
        padding: .5rem 0
    }

    .accreditation .accreditation-item .details {
        padding: 1rem 0
    }
}

.accreditation .accreditation-item .details p {
    margin-bottom: 0
}

.accreditation .accreditation-item + .accreditation-item {
    border-top: 0
}

#course-sticky-navigation {
    height: auto !important;
    padding: 0
}

@media screen and (min-width:37.5rem) {
    #course-sticky-navigation {
        background: #efefef
    }
}

#course-sticky-navigation .course-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 130px;
    position: relative
}

@media screen and (min-width:37.5rem) {
    #course-sticky-navigation .course-image {
        height: 300px
    }
}

@media screen and (min-width:64rem) {
    #course-sticky-navigation .course-image {
        height: 400px
    }
}

#course-sticky-navigation .course-hero {
    background-color: #efefef;
    display: grid
}

@media screen and (min-width:37.5rem) {
    #course-sticky-navigation .course-hero > * {
        grid-area: 1/-1
    }
}

#course-sticky-navigation .course-image:before {
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.5));
    content: "";
    inset: 0;
    position: absolute
}

#course-sticky-navigation .course-title {
    align-items: flex-start;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: -30px auto 0;
    padding: 1rem;
    width: calc(100% - 1.875rem);
    z-index: 1
}

@media screen and (min-width:37.5rem) {
    #course-sticky-navigation .course-title {
        background-color: unset;
        box-shadow: 0 4px 8px 0 rgba(17,17,26,.05),0 8px 16px 0 rgba(17,17,26,.05);
        padding: 1.5rem 0 3rem
    }
}

@media screen and (min-width:64rem) {
    #course-sticky-navigation .course-title {
        box-shadow: none;
        margin: 0 auto;
        max-width: 75rem;
        padding: 0 .9375rem 4rem
    }
}

#course-sticky-navigation .course-title h1 {
    color: var(--dark-text);
    font-family: LexiaLight,georgia,serif;
    font-size: calc(30.5px + 1.09375vw);
    margin-bottom: .5rem;
    min-width: 180px
}

@media screen and (min-width:37.5rem) {
    #course-sticky-navigation .course-title h1 {
        background: rgba(0,0,0,.65);
        color: #fff;
        margin-bottom: 0;
        padding: .75rem 1.5rem
    }
}

@media screen and (min-width:64rem) {
    #course-sticky-navigation .course-title h1 {
        max-width: 80%
    }
}

#course-sticky-navigation .course-title .qualification {
    color: var(--dark-text);
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: .5rem
}

@media screen and (min-width:37.5rem) {
    #course-sticky-navigation .course-title .qualification {
        background: rgba(0,0,0,.65);
        color: #fff;
        margin-bottom: 0;
        padding: 0 1.5rem .75rem
    }
}

@media screen and (min-width:64rem) {
    #course-sticky-navigation .course-title .qualification {
        font-size: 1.5rem
    }
}

#course-sticky-navigation .secondary {
    display: flex;
    flex-direction: column;
    padding: 0 .9375rem;
    z-index: 2
}

@media screen and (min-width:37.5rem) {
    #course-sticky-navigation .secondary {
        margin-top: -2rem
    }
}

@media screen and (min-width:64rem) {
    #course-sticky-navigation .secondary {
        align-items: center;
        background-color: #fff;
        box-shadow: 0 4px 8px 0 rgba(17,17,26,.05),0 8px 16px 0 rgba(17,17,26,.05);
        flex-direction: row;
        margin: -2rem .9375rem 0;
        padding: 1.5rem;
        width: 100%
    }
}

#course-sticky-navigation .information {
    background-color: #efefef
}

@media screen and (min-width:64rem) {
    #course-sticky-navigation .information {
        display: flex;
        margin: 0 auto;
        max-width: 75rem;
        padding-bottom: 2rem
    }
}

#course-sticky-navigation .at-a-glance {
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(17,17,26,.05),0 8px 16px 0 rgba(17,17,26,.05);
    margin-bottom: 1.5rem;
    padding: 0 1rem 1rem
}

    #course-sticky-navigation .at-a-glance li {
        display: flex;
        flex-direction: column;
        margin: 0 0 1rem
    }

        #course-sticky-navigation .at-a-glance li:last-child {
            margin-bottom: 0
        }

    #course-sticky-navigation .at-a-glance .label {
        font-size: .875rem
    }

    #course-sticky-navigation .at-a-glance .value {
        font-size: 1rem;
        font-weight: 700
    }

@media screen and (min-width:37.5rem) {
    #course-sticky-navigation .at-a-glance {
        display: grid;
        gap: 2.5rem;
        grid-template-columns: repeat(4,auto);
        padding: 1rem 1.5rem;
        z-index: 1
    }

        #course-sticky-navigation .at-a-glance li {
            flex-direction: column;
            margin: 0
        }

        #course-sticky-navigation .at-a-glance .label {
            flex: 1 1 auto;
            font-size: 1rem;
            margin: 0;
            width: 100%
        }

        #course-sticky-navigation .at-a-glance .value {
            font-size: 1rem
        }
}

@media screen and (min-width:64rem) {
    #course-sticky-navigation .at-a-glance {
        align-items: center;
        border: 0;
        box-shadow: none;
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: repeat(2,min-content);
        justify-content: normal;
        margin: 0 .5rem 0 0;
        padding: 0;
        width: 70%
    }

        #course-sticky-navigation .at-a-glance li {
            display: flex;
            flex: 0 1 25%;
            flex-direction: column;
            margin: 0
        }

        #course-sticky-navigation .at-a-glance .label {
            color: #636363;
            font-size: 1rem;
            width: 100%
        }

        #course-sticky-navigation .at-a-glance .value {
            font-size: 1.5rem;
            font-weight: 700
        }
}

#course-sticky-navigation .navigation-button {
    margin-bottom: .75rem;
    order: 2;
    z-index: 1
}

@media screen and (min-width:64rem) {
    #course-sticky-navigation .navigation-button {
        display: none
    }
}

#course-sticky-navigation .navigation-button button {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #4b4b4b;
    display: flex;
    font-weight: 700;
    height: 50px;
    justify-content: space-between;
    padding: .75rem;
    width: 100%
}

    #course-sticky-navigation .navigation-button button:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #444;
        content: "";
        display: inline-block;
        margin-left: .5rem;
        margin-top: 0
    }

@media screen and (min-width:64rem) {
    #course-sticky-navigation .navigation-button button {
        height: 40px
    }
}

#course-sticky-navigation .navigation-button ul {
    display: none
}

#course-sticky-navigation .navigation-button a {
    border-bottom: 1px solid transparent;
    color: #4b4b4b;
    font-weight: 700
}

#course-sticky-navigation .navigation-button.is-expanded button {
    font-weight: 300
}

    #course-sticky-navigation .navigation-button.is-expanded button:after {
        border-bottom: 6px solid #444;
        border-top: 0
    }

#course-sticky-navigation .navigation-button.is-expanded ul {
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    box-shadow: 0 5px 5px rgba(0,0,0,.2);
    display: block;
    font-size: .938rem;
    margin-bottom: 0;
    margin-top: -.5rem;
    padding: 1rem
}

    #course-sticky-navigation .navigation-button.is-expanded ul li:first-child {
        margin-top: 0
    }

#course-sticky-navigation .cta-group {
    background: none;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: center;
    margin-bottom: 1.25rem;
    padding: 0
}

@media screen and (min-width:37.5rem) {
    #course-sticky-navigation .cta-group {
        flex-direction: row;
        gap: 0;
        justify-content: space-between
    }

        #course-sticky-navigation .cta-group .call-to-action {
            width: 30%
        }
}

@media screen and (min-width:64rem) {
    #course-sticky-navigation .cta-group {
        align-items: center;
        background: none;
        display: grid;
        grid-template-columns: 1fr;
        justify-content: center;
        margin-bottom: 0;
        width: 30%
    }

        #course-sticky-navigation .cta-group .call-to-action {
            width: 100%
        }
}

#course-sticky-navigation .cta-group .call-to-action:first-of-type .btn-call {
    background-color: #b5121b
}

    #course-sticky-navigation .cta-group .call-to-action:first-of-type .btn-call:hover {
        background-color: #7f0d13
    }

#course-sticky-navigation .cta-group .call-to-action:last-of-type .btn-call {
    margin-bottom: 0
}

#course-sticky-navigation .cta-group .btn-call {
    --btn-font-large: 1.125rem;
    --btn-font-small: 1rem;
    background-color: #244352;
    margin: 0 0 .5rem;
    padding: .75rem
}

    #course-sticky-navigation .cta-group .btn-call:hover {
        background-color: #172b35
    }

#course-sticky-navigation .course-menu {
    display: none
}

@media screen and (min-width:64rem) {
    #course-sticky-navigation .course-menu {
        background: #fff;
        border-bottom: 1px solid #ccc;
        display: block;
        min-height: 50px
    }

        #course-sticky-navigation .course-menu > ul {
            display: flex
        }

            #course-sticky-navigation .course-menu > ul > li {
                border-bottom: 4px solid transparent;
                margin: 0 1.5rem 0 0
            }

                #course-sticky-navigation .course-menu > ul > li.is-active {
                    border-bottom: 4px solid #b5121b
                }
}

@media screen and (min-width:64rem) and (min-width:1100px) {
    #course-sticky-navigation .course-menu > ul > li {
        margin: 0 2.25rem 0 0
    }
}

@media screen and (min-width:64rem) {
    #course-sticky-navigation .course-menu > ul > li > a {
        border-bottom: 0;
        color: #000;
        display: block;
        font-size: .875rem;
        font-weight: 700;
        padding: 1rem 0 .75rem
    }

        #course-sticky-navigation .course-menu > ul > li > a:hover {
            color: #b5121b
        }
}

@media screen and (min-width:64rem) and (min-width:1100px) {
    #course-sticky-navigation .course-menu > ul > li > a {
        font-size: 1rem
    }
}

@media screen and (min-width:64rem) {
    #course-sticky-navigation .course-menu .page-navigation {
        margin: .625rem 0 .563rem
    }

        #course-sticky-navigation .course-menu .page-navigation button {
            display: inline-flex;
            margin-left: 0;
            padding: .35rem 1rem
        }

        #course-sticky-navigation .course-menu .page-navigation .menu-list {
            border-bottom: 4px solid #b5121b;
            left: 0
        }

            #course-sticky-navigation .course-menu .page-navigation .menu-list li a {
                scroll-margin-top: 0
            }
}

#course-sticky.is-stuck {
    bottom: auto;
    box-shadow: 1px 4px 5px 0 hsla(0,0%,65%,.5);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9
}

    #course-sticky.is-stuck .at-a-glance, #course-sticky.is-stuck .course-image, #course-sticky.is-stuck .cta-group, #course-sticky.is-stuck .hidden-when-stuck {
        display: none
    }

    #course-sticky.is-stuck .course-hero {
        background-color: #b5121b;
        max-width: 100%;
        width: 100%
    }

    #course-sticky.is-stuck .course-title {
        align-items: baseline;
        background-color: #b5121b;
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        margin-top: 0;
        padding: .5rem .9375rem;
        width: 100%
    }

    #course-sticky.is-stuck h1 {
        background: #b5121b;
        color: #fff;
        display: block;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: 0;
        margin-right: .25rem;
        min-width: auto
    }

@media screen and (min-width:37.5rem) {
    #course-sticky.is-stuck h1 {
        margin-bottom: 0;
        padding: 0;
        width: auto
    }
}

#course-sticky.is-stuck .qualification {
    border: 0;
    color: #fff;
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: 0;
    margin-right: .25rem;
    padding: 0
}

@media screen and (min-width:37.5rem) {
    #course-sticky.is-stuck .qualification {
        background: unset;
        margin-right: 0;
        padding: 0
    }
}

#course-sticky.is-stuck .secondary {
    border-bottom: 2px solid #ccc;
    margin: 0 auto;
    max-width: 75rem;
    padding-bottom: 1rem;
    padding-top: 1rem
}

@media screen and (min-width:37.5rem) {
    #course-sticky.is-stuck .secondary {
        align-items: center;
        background-color: #efefef;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        padding: .75rem .9375rem
    }
}

@media screen and (min-width:64rem) {
    #course-sticky.is-stuck .secondary {
        border-bottom: 1px dashed #ccc;
        box-shadow: none
    }
}

@media (min-width:1150px) {
    #course-sticky.is-stuck .secondary {
        flex-wrap: nowrap
    }
}

@media (min-width:850px) {
    #course-sticky.is-stuck .at-a-glance {
        background-color: #efefef;
        border: 0;
        box-shadow: none;
        display: flex;
        flex: 1 0 60%;
        flex-direction: row;
        gap: 1.5rem;
        justify-content: flex-start;
        margin-bottom: 0;
        margin-right: 1rem;
        margin-top: 0;
        padding: 0;
        width: 100%
    }

        #course-sticky.is-stuck .at-a-glance li {
            flex: 1 0 auto
        }
}

@media (min-width:1150px) {
    #course-sticky.is-stuck .at-a-glance {
        flex: 1 0 50%
    }

        #course-sticky.is-stuck .at-a-glance .label {
            color: var(--darkest-grey);
            font-size: .875rem
        }

        #course-sticky.is-stuck .at-a-glance .value {
            font-size: 1rem
        }
}

@media screen and (min-width:64rem) {
    #course-sticky.is-stuck .at-a-glance .label, #course-sticky.is-stuck .at-a-glance .value {
        font-size: 1rem
    }
}

#course-sticky.is-stuck .navigation-button {
    display: block;
    height: 40px;
    margin: 0
}

@media (min-width:600px) {
    #course-sticky.is-stuck .navigation-button {
        width: 100%
    }
}

@media (min-width:1150px) {
    #course-sticky.is-stuck .navigation-button {
        display: none
    }
}

#course-sticky.is-stuck .navigation-button button {
    height: 40px
}

#course-sticky.is-stuck .cta-group {
    display: none
}

@media (min-width:1150px) {
    #course-sticky.is-stuck .cta-group {
        display: flex;
        flex-direction: row;
        flex-grow: 1;
        gap: 1rem
    }

        #course-sticky.is-stuck .cta-group .call-to-action {
            display: flex;
            flex: 1 1 auto;
            width: auto
        }
}

#course-sticky.is-stuck .cta-group .btn-call {
    --btn-font-large: 1rem;
    margin: 0
}

@media screen and (min-width:37.5rem) {
    #course-sticky.is-stuck .information {
        flex-flow: row wrap;
        max-width: none;
        padding: 0;
        width: 100%
    }
}

#course-sticky.is-stuck .main {
    background: #b5121b
}

#course-sticky.is-stuck .course-menu {
    display: none
}

@media screen and (min-width:64rem) {
    #course-sticky.is-stuck .course-menu > ul {
        align-items: center;
        display: flex
    }
}

@media (min-width:1150px) {
    #course-sticky.is-stuck .course-menu {
        background-color: #efefef;
        display: block
    }

        #course-sticky.is-stuck .course-menu > ul > li {
            align-self: end;
            display: flex
        }

            #course-sticky.is-stuck .course-menu > ul > li > a {
                padding: .5rem 0
            }
}

@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm) {
    @media screen and (max-width:64rem) {
        #course-sticky.is-stuck .at-a-glance, #course-sticky.is-stuck .course-hero, #course-sticky.is-stuck .course-menu {
            display: none
        }

        #course-sticky.is-stuck .secondary {
            background-color: #efefef;
            border-bottom: 0;
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            padding: 1rem
        }

        #course-sticky.is-stuck .cta-group {
            align-items: center;
            display: flex;
            flex: 1 1 40%;
            flex-direction: row;
            gap: 1rem;
            justify-content: space-between;
            margin: 0 1rem 0 0;
            padding: 0;
            width: auto
        }

            #course-sticky.is-stuck .cta-group .call-to-action {
                display: none
            }

                #course-sticky.is-stuck .cta-group .call-to-action:first-child {
                    display: flex;
                    width: 100%
                }

        #course-sticky.is-stuck .navigation-button {
            display: block;
            flex: 1 1 60%
        }

            #course-sticky.is-stuck .navigation-button.is-expanded ul {
                max-height: 75vh;
                overflow: auto
            }
    }
}

@media screen and (max-width:64rem) and (max-width:30rem) {
    #course-sticky.is-stuck .cta-group {
        display: none
    }
}

@media screen and (max-width:64rem) and (orientation:portrait) {
    #course-sticky.is-stuck .cta-group {
        display: none
    }
}

#course-sticky.is-stuck.zoom .at-a-glance, #course-sticky.is-stuck.zoom .course-image, #course-sticky.is-stuck.zoom .course-menu {
    display: none
}

#course-sticky.is-stuck.zoom .course-title {
    display: flex;
    padding: .35rem .9375rem
}

#course-sticky.is-stuck.zoom .secondary {
    border-bottom: 0;
    display: flex;
    flex-wrap: nowrap;
    padding: .75rem .9375rem
}

#course-sticky.is-stuck.zoom .cta-group {
    display: none
}

#course-sticky.is-stuck.zoom .navigation-button {
    display: block;
    flex: 1 1 60%
}

    #course-sticky.is-stuck.zoom .navigation-button.is-expanded ul {
        max-height: 75vh;
        overflow: auto
    }

@media screen and (orientation:portrait) {
    #course-sticky.is-stuck.zoom .cta-group {
        display: none
    }
}

.course-section.overview .overview-content {
    padding-left: .9375rem;
    padding-right: .9375rem
}

@media screen and (min-width:64rem) {
    .course-section.overview .overview-content {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem
    }

    .course-section.overview .course-html {
        flex: 1 1 60%;
        order: 2;
        padding: 0
    }
}

.course-section.overview .aside {
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    margin: 1.5rem 0;
    width: 100%
}

@media screen and (min-width:37.5rem) {
    .course-section.overview .aside {
        position: relative;
        width: 75%
    }
}

@media screen and (min-width:64rem) {
    .course-section.overview .aside {
        flex: 0 1 30%;
        margin: 0;
        order: 3
    }

        .course-section.overview .aside:before {
            display: none
        }
}

.course-section.overview .department-details {
    background: #efefef;
    border-left: 4px solid var(--medium);
    padding: 1rem
}

    .course-section.overview .department-details h3 {
        font-family: EffraBold,arial,helvetica,sans-serif
    }

    .course-section.overview .department-details ul {
        margin-bottom: 0
    }

    .course-section.overview .department-details li {
        align-items: center;
        display: flex;
        margin-top: .75rem
    }

        .course-section.overview .department-details li:first-child {
            display: list-item
        }

        .course-section.overview .department-details li:last-child {
            margin-bottom: 0
        }

    .course-section.overview .department-details a {
        border-bottom: 0;
        color: #4b4b4b;
        word-break: break-word
    }

        .course-section.overview .department-details a:hover {
            text-decoration: underline
        }

    .course-section.overview .department-details svg {
        fill: var(--medium);
        flex-shrink: 0;
        height: 25px;
        margin-right: 1rem;
        width: 25px
    }

.course-section.overview .course-supplemental-links {
    margin-top: 2rem
}

.course-section.overview .key-facts {
    margin-bottom: 2rem
}

@media screen and (min-width:64rem) {
    .course-section.overview .key-facts {
        margin: 0 auto;
        order: 1;
        position: relative;
        width: 1100px
    }

        .course-section.overview .key-facts:before {
            border: 2px solid #eacbc9;
            content: "";
            left: 10%;
            position: absolute;
            top: 103px;
            width: 80%;
            z-index: 0
        }
}

.course-section.overview .key-facts h3 {
    color: #4b4b4b;
    font-family: EffraRegular,arial,helvetica,sans-serif;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-align: center
}

@media screen and (min-width:37.5rem) {
    .course-section.overview .key-facts h3 {
        display: none
    }
}

.course-section.overview .key-facts ul {
    margin: 0
}

@media screen and (min-width:64rem) {
    .course-section.overview .key-facts ul {
        display: flex;
        justify-content: space-between
    }
}

.course-section.overview .key-facts li {
    align-items: center;
    display: flex;
    margin-bottom: 2rem
}

    .course-section.overview .key-facts li:first-child {
        margin-top: 0;
        padding-top: 0
    }

    .course-section.overview .key-facts li:last-child {
        margin-bottom: 0
    }

@media screen and (min-width:37.5rem) {
    .course-section.overview .key-facts li {
        padding-left: 10%
    }

        .course-section.overview .key-facts li:before {
            border: 2px solid #eacbc9;
            content: "";
            left: 0;
            position: absolute;
            top: calc(50% - 2px);
            width: 9%
        }
}

@media screen and (min-width:64rem) {
    .course-section.overview .key-facts li {
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 1rem;
        margin-top: 0;
        padding: 0;
        width: 25%;
        z-index: 1
    }

        .course-section.overview .key-facts li:before {
            display: none
        }

        .course-section.overview .key-facts li:last-child {
            margin-bottom: 1rem
        }
}

.course-section.overview .key-facts .key-fact-icon {
    display: flex;
    flex: 0 1 15%;
    margin-right: 1rem;
    max-width: 100px
}

@media screen and (min-width:64rem) {
    .course-section.overview .key-facts .key-fact-icon {
        background: #fff;
        flex: auto;
        height: 206px;
        margin: 0;
        max-width: 100%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: auto
    }
}

.course-section.overview .key-facts .key-fact-icon .icon {
    border: 2px solid #b9504a;
    border-radius: 50%;
    display: flex;
    height: 80px;
    margin: 0 auto;
    padding: 1rem;
    width: 80px
}

@media screen and (min-width:37.5rem) {
    .course-section.overview .key-facts .key-fact-icon .icon {
        height: 100px;
        padding: 1.5rem;
        width: 100px
    }
}

@media screen and (min-width:64rem) {
    .course-section.overview .key-facts .key-fact-icon .icon {
        border: 4px solid #b9504a;
        height: 175px;
        margin: 1rem auto;
        padding: 2.3rem;
        width: 175px
    }
}

.course-section.overview .key-facts .key-fact-icon .icon svg {
    fill: #b9504a
}

@media screen and (min-width:64rem) {
    .course-section.overview .key-facts .key-fact-icon .icon svg {
        height: 100%;
        width: 100%
    }
}

.course-section.overview .key-facts .rosette {
    margin-right: 1rem;
    position: relative
}

@media screen and (min-width:64rem) {
    .course-section.overview .key-facts .rosette {
        border-left: 10px solid #fff;
        border-right: 10px solid #fff;
        margin: 0;
        width: auto
    }
}

.course-section.overview .key-facts .rosette img {
    display: block;
    margin: 0 auto;
    max-width: 80px;
    width: 100%
}

@media screen and (min-width:37.5rem) {
    .course-section.overview .key-facts .rosette img {
        max-width: 100px
    }
}

@media screen and (min-width:64rem) {
    .course-section.overview .key-facts .rosette img {
        background: #fff;
        max-width: 150px;
        width: 100%
    }
}

.course-section.overview .key-facts .rosette .number {
    color: #b9504a;
    font-size: 1.75rem;
    font-weight: 700;
    left: 0;
    position: absolute;
    text-align: center;
    top: 37%;
    transform: translateY(-50%);
    width: 100%
}

@media screen and (min-width:64rem) {
    .course-section.overview .key-facts .rosette .number {
        font-size: 3rem
    }
}

.course-section.overview .key-facts .key-fact-details {
    display: flex;
    flex: 0 1 75%;
    flex-direction: column
}

@media screen and (min-width:64rem) {
    .course-section.overview .key-facts .key-fact-details {
        flex: 1 1 auto;
        text-align: center;
        width: 100%
    }
}

.course-section.overview .key-facts .key-fact-details p:first-child {
    color: #823834;
    font-weight: 700;
    margin-bottom: 0
}

@media screen and (min-width:37.5rem) {
    .course-section.overview .key-facts .key-fact-details p:first-child {
        font-size: 1.25rem
    }
}

.course-section.overview .key-facts .key-fact-details p:nth-child(2) {
    font-size: .875rem
}

.course-section.overview .key-facts .key-fact-details p:last-child {
    margin-bottom: 0
}

@media screen and (min-width:64rem) {
    .course-section.course-structure {
        background: #fff;
        margin-left: auto;
        margin-right: auto;
        max-width: 75rem
    }
}

.course-section.course-structure .tabbed {
    margin-top: 2.25rem
}

@media screen and (min-width:64rem) {
    .course-section.course-structure .tabbed {
        align-items: flex-start;
        display: flex;
        max-width: 75rem;
        padding: 0;
        position: relative
    }
}

.course-section.course-structure .tabbed .tabs {
    background-color: #efefef
}

@media screen and (min-width:64rem) {
    .course-section.course-structure .tabbed .tabs {
        display: block;
        position: relative;
        width: 20%
    }
}

.course-section.course-structure .tabbed .tabs .tabs-title {
    border-left: 0;
    font-size: 24px;
    margin: 0;
    position: relative;
    top: 0
}

    .course-section.course-structure .tabbed .tabs .tabs-title.is-active a {
        background-color: #ccc;
        background-color: var(--lightest);
        border-bottom: 4px solid var(--medium);
        color: #000;
        color: var(--dark)
    }

@media screen and (min-width:64rem) {
    .course-section.course-structure .tabbed .tabs .tabs-title {
        border: 0
    }

        .course-section.course-structure .tabbed .tabs .tabs-title:before {
            background-color: #efefef;
            content: "";
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 100vw;
            z-index: 1
        }

        .course-section.course-structure .tabbed .tabs .tabs-title.is-active:before {
            background-color: #efefef;
            background-color: var(--lightest)
        }

        .course-section.course-structure .tabbed .tabs .tabs-title.is-active a {
            background-color: #ccc;
            background-color: var(--lightest);
            border-bottom: none;
            border-right: 4px solid #a6a6a6;
            border-right: 4px solid var(--medium);
            color: #000;
            color: var(--dark);
            font-weight: 700;
            z-index: 3
        }
}

.course-section.course-structure .tabbed .tabs .tabs-title > a {
    background-color: #efefef;
    border-bottom: 4px solid #ccc;
    color: #000;
    color: var(--dark);
    font-family: EffraRegular,arial,helvetica,sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none
}

@media screen and (min-width:37.5rem) {
    .course-section.course-structure .tabbed .tabs .tabs-title > a {
        font-size: 1.25rem
    }
}

@media screen and (min-width:64rem) {
    .course-section.course-structure .tabbed .tabs .tabs-title > a {
        border-bottom: 0;
        border-right: 4px solid #ccc;
        display: block;
        font-size: 1.5rem;
        font-weight: 400;
        padding: 1.25rem 0 1.25rem .9375rem;
        position: relative;
        width: 100%;
        z-index: 2
    }
}

.course-section.course-structure .tabbed .tabs .tabs-title > a:hover {
    border-right: 4px solid var(--medium)
}

.course-section.course-structure .tabbed .tabs-content {
    scroll-margin-top: 300px
}

@media screen and (min-width:64rem) {
    .course-section.course-structure .tabbed .tabs-content {
        border-top: 0;
        margin: 0;
        padding-bottom: 0;
        width: 80%
    }

    .course-section.course-structure .tabbed p {
        margin-left: 1.5rem
    }

    .course-section.course-structure .tabbed h2 {
        margin-left: auto;
        margin-right: auto;
        max-width: 75rem
    }
}

.course-section.course-structure .year-modules {
    padding-bottom: 0
}

    .course-section.course-structure .year-modules h3 {
        font-family: EffraRegular,arial,helvetica,sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: 1rem
    }

@media screen and (min-width:64rem) {
    .course-section.course-structure .year-modules h3 {
        margin-left: 2rem;
        text-align: center;
        width: calc(20% - 2rem)
    }
}

.course-section.course-structure .year-modules .accordion-panel {
    margin-bottom: 2rem
}

    .course-section.course-structure .year-modules .accordion-panel:last-child {
        margin-bottom: 0
    }

@media screen and (min-width:64rem) {
    .course-section.course-structure .year-modules .accordion-panel {
        width: 80%
    }

        .course-section.course-structure .year-modules .accordion-panel p {
            width: 100%
        }
}

.course-section.course-structure .year-modules.is-single-year-course {
    margin-top: 1.5rem
}

@media screen and (min-width:64rem) {
    .course-section.course-structure .year-modules.is-single-year-course {
        margin-top: 2.25rem
    }

        .course-section.course-structure .year-modules.is-single-year-course h3 {
            margin-left: 0;
            text-align: left
        }

    .course-section.course-structure .year-modules {
        padding: 1rem 0
    }

        .course-section.course-structure .year-modules.is-active {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 0
        }
}

.course-section.course-structure .modules-outro {
    margin-top: 1.5rem
}

@media screen and (min-width:64rem) {
    .course-section.course-structure .modules-outro {
        margin-top: 2.25rem
    }
}

@media screen and (min-width:37.5rem) {
    .course-section .funding {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        display: grid;
        grid-template-rows: auto;
        row-gap: 1rem;
        row-gap: 2rem
    }
}

@media (min-width:900px) {
    .course-section .funding {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: auto;
        row-gap: 1rem
    }

        .course-section .funding .course-html {
            max-width: 100%
        }
}

.course-section .funding .course-column:first-child {
    margin-bottom: 1.5rem
}

@media screen and (min-width:37.5rem) {
    .course-section .funding .course-column:first-child {
        margin-bottom: 0
    }
}

.course-section .funding table {
    border-left: 4px solid #ccc;
    border-left: 4px solid var(--light)
}

    .course-section .funding table tbody, .course-section .funding table tfoot, .course-section .funding table thead {
        background-color: #efefef;
        border: 0
    }

        .course-section .funding table tbody tr {
            background-color: #efefef;
            color: #636363;
            color: var(--medium);
            font-family: EffraBold,arial,helvetica,sans-serif;
            font-size: 1.5rem
        }

@media screen and (min-width:64rem) {
    .course-section .funding table tbody tr {
        font-size: 2.5rem
    }
}

.course-section .funding table tbody td {
    line-height: 1
}

.course-section .funding .fees-table tbody td, .course-section .funding .fees-table tbody th {
    padding: 1rem
}

.course-section .funding .fees-table tbody tr:first-child td, .course-section .funding .fees-table tbody tr:first-child th {
    font-size: 1rem;
    padding: 1rem 1rem 0 1.5rem
}

.course-section .funding .fees-table tbody tr td {
    padding: .25rem 1rem 1rem 1.5rem
}

.course-section .funding .fees-table tbody td:first-child {
    padding-left: 1.5rem
}

.course-section .funding .pg-fees-table td:first-child {
    font-size: 1.125rem;
    padding-left: 1.5rem
}

.course-section .funding .pg-fees-table th[scope=col] {
    font-size: 1.125rem;
    padding-top: 1.25rem
}

@media screen and (min-width:64rem) {
    .course-section .funding .pg-fees-table th[scope=col] {
        padding-top: 1rem
    }
}

.course-section .funding .pg-fees-table th[scope=row] {
    font-size: 1rem;
    padding-left: 1rem;
    padding-top: 1rem
}

@media screen and (min-width:64rem) {
    .course-section .funding .pg-fees-table th[scope=row] {
        padding-left: 1.5rem
    }
}

.course-section .funding .pg-fees-table tr:last-of-type td {
    padding-bottom: 1.25rem
}

.course-section .funding .pg-fees-table p {
    display: none
}

.course-section .funding .has-multi-row-table table th {
    font-weight: 700;
    padding-top: 1.25rem
}

.course-section .funding .has-multi-row-table table tr td {
    vertical-align: middle
}

    .course-section .funding .has-multi-row-table table tr td:first-child {
        color: #4b4b4b;
        font-weight: 700
    }

.course-section .funding .accordion-content p {
    max-width: 100%
}

.course-section .funding .accordion p {
    width: 100%
}

.course-related-content-block {
    isolation: isolate;
    max-width: none;
    padding-bottom: 0;
    padding-top: 0;
    position: relative
}

@media screen and (min-width:37.5rem) {
    .course-related-content-block > section:not(.spotlight-feature) {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

.course-related-content-edit-panel {
    background: repeating-linear-gradient(-45deg,#ffffff00,#ffffff00 5px,var(--lightest) 5px,var(--lightest) 10px);
    border-bottom: 1px solid var(--light);
    border-right: 5px solid var(--light);
    border-top: 1px solid var(--light);
    display: flex;
    gap: 1rem;
    height: 99%;
    padding: .5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

    .course-related-content-edit-panel .related-content-explanation, .course-related-content-edit-panel .related-content-links {
        background-color: #fefefe;
        height: -moz-fit-content;
        height: fit-content;
        position: sticky;
        top: 180px
    }

    .course-related-content-edit-panel .related-content-explanation {
        display: none;
        padding: 1rem
    }

        .course-related-content-edit-panel .related-content-explanation:has(+.related-content-links .rc-why-link:hover) {
            display: block
        }

    .course-related-content-edit-panel .related-content-links {
        align-items: center;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        padding: .5rem
    }

.course-general-related-content-block {
    isolation: isolate;
    max-width: none;
    padding-bottom: 0;
    padding-top: 0;
    position: relative
}

    .course-general-related-content-block > *, .course-general-related-content-block > * + * {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

@media screen and (min-width:37.5rem) {
    .course-general-related-content-block > *, .course-general-related-content-block > * + * {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

.clearing-callout-panel {
    padding-bottom: 0
}

    .clearing-callout-panel .inner-container {
        background: #b5121b;
        padding: 1.5rem
    }

@media screen and (min-width:64rem) {
    .clearing-callout-panel .inner-container {
        background-blend-mode: color-burn;
        background-image: url(/media/wdp/style-assets/images/foundation/lu-lion-new.png);
        background-position: top 20px right -160px;
        background-repeat: no-repeat;
        padding: 3rem
    }

        .clearing-callout-panel .inner-container p {
            width: 80%
        }
}

.clearing-callout-panel .inner-container > * + * {
    margin-bottom: 0;
    margin-top: 1rem
}

.clearing-callout-panel .inner-container a:not(.button), .clearing-callout-panel .inner-container h2, .clearing-callout-panel .inner-container h3, .clearing-callout-panel .inner-container p {
    background: none;
    color: #fff;
    padding: 0
}

    .clearing-callout-panel .inner-container a:not(.button):focus:focus-visible, .clearing-callout-panel .inner-container h2:focus:focus-visible, .clearing-callout-panel .inner-container h3:focus:focus-visible, .clearing-callout-panel .inner-container p:focus:focus-visible {
        box-shadow: none;
        outline-color: #fff
    }

    .clearing-callout-panel .inner-container p:last-child {
        margin-bottom: 0
    }

.clearing-callout-panel .inner-container h2 {
    font-size: clamp(1.45rem,2.55vw + .68rem,2.31rem)
}

    .clearing-callout-panel .inner-container h2:after {
        display: none
    }

footer {
    background-color: #636363;
    border-top: .5rem solid #565656;
    clear: both
}

    footer p {
        margin-bottom: 0
    }

    footer a {
        border-bottom: none;
        color: #fff;
        font-weight: 400;
        padding: .5rem 0
    }

        footer a:hover {
            border-bottom: .0625rem solid #ccc;
            color: #fff;
            padding-bottom: .0625rem;
            text-decoration: none
        }

        footer a:focus {
            color: #fff
        }

        footer a:focus-visible {
            box-shadow: none;
            outline-color: #fff
        }

    footer .group-title {
        color: #fff;
        display: block;
        font-family: EffraRegular,arial,helvetica,sans-serif;
        font-size: 1.125rem;
        line-height: 1.2;
        margin-bottom: 1rem;
        text-transform: uppercase
    }

@media screen and (min-width:64rem) {
    footer .group-title {
        font-size: 1.375rem
    }
}

footer .main-footer {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

@media screen and (min-width:64rem) {
    footer .main-footer {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

footer .main-footer .vertical {
    font-family: arial,helvetica,sans-serif;
    font-size: .875rem;
    margin-bottom: 1rem
}

@media screen and (min-width:37.5rem) {
    footer .main-footer .vertical {
        margin-bottom: 0
    }
}

footer .main-footer .vertical li {
    margin-top: .25rem;
    overflow-wrap: break-word
}

    footer .main-footer .vertical li a {
        border-bottom: .0625rem solid transparent;
        color: #fff;
        font-size: .875rem;
        font-weight: 400;
        padding: 0
    }

        footer .main-footer .vertical li a:hover {
            border-bottom: .0625rem solid #ccc;
            color: #efefef
        }

            footer .main-footer .vertical li a:hover svg {
                fill: #fff
            }

        footer .main-footer .vertical li a:focus {
            color: #fff
        }

footer .main-footer .vertical.connect {
    display: flex;
    flex-wrap: wrap
}

    footer .main-footer .vertical.connect li {
        margin-bottom: .75rem;
        margin-right: 1rem;
        margin-top: 0
    }

        footer .main-footer .vertical.connect li a {
            border: 0;
            display: block;
            padding: 0
        }

            footer .main-footer .vertical.connect li a:hover {
                border: 0;
                padding: 0
            }

    footer .main-footer .vertical.connect svg {
        fill: #fff;
        height: 30px;
        vertical-align: middle;
        width: 30px
    }

@media screen and (min-width:37.5rem) {
    footer .main-footer .vertical.connect svg {
        height: 40px;
        width: 40px
    }
}

footer .main-footer .vertical.connect svg:hover {
    fill: #ccc
}

footer .main-footer .vertical.contact-details {
    margin-top: .5rem
}

    footer .main-footer .vertical.contact-details li a {
        align-items: center;
        border: 0;
        display: flex;
        font-size: 1rem;
        padding: 0 0 .5rem
    }

        footer .main-footer .vertical.contact-details li a:hover {
            padding: 0 0 .5rem
        }

    footer .main-footer .vertical.contact-details li svg {
        fill: #fff;
        height: 20px;
        margin-right: .5rem;
        width: 20px
    }

footer .main-footer address {
    color: #fff;
    font-style: normal
}

footer .awards {
    align-items: center;
    display: flex
}

@media screen and (min-width:37.5rem) {
    footer .awards {
        display: block
    }
}

footer .awards img {
    margin-bottom: 1rem;
    margin-right: 1.5rem;
    max-width: 100%;
    width: 120px
}

@media screen and (min-width:37.5rem) {
    footer .awards img {
        margin-right: 0;
        padding-bottom: .5rem;
        width: 50%
    }
}

@media screen and (min-width:64rem) {
    footer .awards img {
        width: 100%
    }
}

footer .awards img:last-child {
    margin-bottom: 0;
    margin-right: 0
}

footer .awards a {
    display: block
}

    footer .awards a:hover {
        border: none
    }

        footer .awards a:hover img {
            filter: brightness(90%) saturate(105%)
        }

.final {
    background-color: #565656;
    padding-bottom: .25rem;
    padding-top: .5rem
}

@media screen and (min-width:64rem) {
    .final {
        padding: 1rem
    }
}

.final p {
    color: #fff;
    font-size: .875rem
}

.final a {
    border-bottom: .0625rem solid #a6a6a6;
    padding-bottom: .0625rem;
    transition: none
}

    .final a:hover {
        border-bottom: .125rem solid #ccc
    }

.news-list .filter-row {
    margin-bottom: 3rem
}

.news-list .news-listing {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    margin: 0 auto;
    max-width: 75rem
}

    .news-list .news-listing .thumbnail {
        border: none;
        border-radius: 0;
        box-shadow: none;
        margin-bottom: 0
    }

    .news-list .news-listing .feature .text {
        border-top: 0;
        margin-top: 0;
        max-width: 100%;
        order: 2;
        width: 100%;
        z-index: 2
    }

        .news-list .news-listing .feature .text p {
            padding: 0
        }

            .news-list .news-listing .feature .text p .date {
                color: #636363;
                font-weight: 700;
                margin-bottom: .5rem;
                margin-top: 3px
            }

            .news-list .news-listing .feature .text p:last-child {
                margin-bottom: 3rem
            }

    .news-list .news-listing .image {
        order: 1
    }

    .news-list .news-listing a {
        border: 0;
        color: #636363;
        display: block
    }

        .news-list .news-listing a:hover h2 {
            text-decoration: underline
        }

    .news-list .news-listing .publication-date {
        color: #4b4b4b;
        font-family: EffraRegular,arial,helvetica,sans-serif;
        margin-bottom: .5rem;
        margin-top: .5rem
    }

.news-list #load-more {
    display: none;
    margin-bottom: 3rem
}

.news-list .listing-message p {
    color: #4b4b4b;
    color: var(--dark-text);
    font-size: 1.25rem;
    margin: 0 auto;
    text-align: center;
    width: 100%
}

@media screen and (min-width:64rem) {
    .news-list .listing-message p {
        width: 50%
    }
}

.news-list.is-kef {
    padding-top: 0
}

.news-loading {
    margin: 1rem 0 3rem;
    text-align: center
}

    .news-loading .loading-spinner {
        background: #fff url(/media/lancaster-university/style-assets/images/slimbox/loading.gif) no-repeat 50%;
        height: 50px
    }

.news-article {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin-inline: auto;
    margin-top: 0;
    max-width: 75rem;
    padding-bottom: 3rem;
    padding-left: .9375rem;
    padding-right: .9375rem;
    row-gap: 1rem
}

@media screen and (min-width:37.5rem) {
    .news-article {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        display: grid;
        grid-template-areas: "header header header" "content content aside";
        grid-template-columns: repeat(3,1fr);
        grid-template-columns: 1fr 1fr 300px;
        grid-template-rows: auto;
        row-gap: 1rem
    }

        .news-article header {
            grid-area: header
        }

        .news-article aside {
            grid-area: aside
        }
}

.news-article aside .panel {
    border-radius: 0
}

.news-article aside .related-tags {
    background: none
}

    .news-article aside .related-tags .tag-cloud {
        -moz-column-gap: .5rem;
        column-gap: .5rem;
        display: flex;
        flex-flow: row wrap
    }

        .news-article aside .related-tags .tag-cloud li {
            flex-grow: 1;
            text-transform: capitalize
        }

            .news-article aside .related-tags .tag-cloud li a {
                border-bottom: none;
                border: 1px solid var(--dark);
                border-radius: 5px;
                color: var(--dark-text);
                display: inline-block;
                font-weight: 400;
                line-height: 1;
                padding: .5rem;
                text-decoration: none;
                text-transform: capitalize;
                width: 100%
            }

                .news-article aside .related-tags .tag-cloud li a:hover {
                    background-color: var(--dark);
                    color: #fff
                }

                .news-article aside .related-tags .tag-cloud li a:before {
                    bottom: 0;
                    content: "";
                    left: 0;
                    position: absolute;
                    right: 0;
                    top: 0
                }

.news-article aside > :first-child {
    margin-top: 0
}

.news-article aside > * + * {
    margin-top: 1.5rem
}

.news-article .news-text {
    padding-bottom: 2rem;
    padding-top: 0
}

@media screen and (min-width:37.5rem) {
    .news-article .news-text {
        grid-area: content
    }
}

.news-article .news-text p:first-of-type {
    margin-top: 2rem
}

.news-article .news-text p:last-of-type {
    margin-bottom: 2rem
}

.news-article .news-text figcaption {
    margin-bottom: 1.5rem
}

.news-article .news-text .credit {
    background: #efefef;
    display: block;
    font-size: .875rem;
    padding: .5rem;
    width: 100%
}

    .news-article .news-text .credit + h2 {
        margin-top: 1rem
    }

.news-article .news-text iframe {
    margin-bottom: 1rem
}

.news-article .video {
    margin-bottom: 2rem;
    margin-top: 1rem
}

.news-article .callout .icon {
    height: 30px;
    width: 30px
}

    .news-article .callout .icon.facebook {
        fill: #3b5998
    }

    .news-article .callout .icon.twitter {
        fill: #1da1f2
    }

    .news-article .callout .icon.linkedin {
        fill: #0077b5
    }

.news-article .publication-date {
    color: #636363;
    display: block;
    font-family: EffraRegular,arial,helvetica,sans-serif;
    font-size: 1.25rem;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.news-article .btn-back-container .btn-back {
    display: inline-flex
}

.news-article .related-links li {
    margin-bottom: .75rem
}

.news-article .related-links .youtube:before {
    content: url(/media/wdp/style-assets/images/svg/youtube-link.svg);
    display: block;
    float: left;
    height: 25px;
    margin-right: 10px;
    width: 25px
}

.news-article .related-links .vimeo-link:before {
    content: url(/media/wdp/style-assets/images/svg/vimeo-link.svg);
    display: block;
    float: left;
    height: 25px;
    margin-right: 10px;
    width: 25px
}

.news-article .related-links .youku-link:before {
    content: url(/media/wdp/style-assets/images/svg/youku-link.svg);
    display: block;
    float: left;
    height: 25px;
    margin-right: 10px;
    width: 25px
}

.news-article .related-links .video-link:before {
    content: url(/media/wdp/style-assets/images/svg/video-link.svg);
    display: block;
    float: left;
    height: 25px;
    margin-right: 10px;
    width: 25px
}

.news-article .related-links .word-link:before {
    content: url(/media/wdp/style-assets/images/svg/word-download.svg);
    display: block;
    float: left;
    height: 25px;
    margin-right: 10px;
    width: 25px
}

.news-article .related-links .pdf-link:before {
    content: url(/media/wdp/style-assets/images/svg/pdf-download.svg);
    display: block;
    float: left;
    height: 25px;
    margin-right: 10px;
    width: 25px
}

.news-article .related-links .document-link:before {
    content: url(/media/wdp/style-assets/images/svg/file-download.svg);
    display: block;
    float: left;
    height: 25px;
    margin-right: 10px;
    width: 25px
}

.news-article hr {
    border-bottom: 5px solid #efefef
}

.related-articles > * + * {
    margin-top: 1.5rem
}

.related-articles li {
    --brightness: 1;
    background: var(--lightest);
    position: relative
}

    .related-articles li:has(:hover,:focus) {
        --brightness: 1.1
    }

    .related-articles li a {
        align-items: center;
        border: none;
        display: flex;
        flex-wrap: wrap;
        text-decoration: none;
        width: 100%
    }

@media screen and (min-width:64rem) {
    .related-articles li a {
        flex-wrap: nowrap
    }
}

.related-articles li img {
    filter: brightness(var(--brightness));
    width: 100%
}

@media screen and (min-width:64rem) {
    .related-articles li img {
        max-width: 250px
    }
}

.related-articles li div {
    padding: 1.5rem
}

    .related-articles li div h3 {
        text-wrap: balance;
        margin: 0
    }

        .related-articles li div h3 a {
            border: none;
            color: var(--heading)
        }

            .related-articles li div h3 a:hover {
                text-decoration: underline;
                text-decoration-thickness: 2px
            }

            .related-articles li div h3 a:before {
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0
            }

#article-carousel-lums-archive h3 {
    font-size: 1rem;
    padding: .25rem .5rem
}

#article-carousel-lums-archive .card-wrapper {
    margin-bottom: 1rem
}

#article-carousel-lums-archive .card-content {
    padding-left: 0;
    padding-right: 0
}

.content-container-one-third .col-ep {
    float: left;
    margin-right: 1rem
}

.filter-row + .article-listing {
    padding-top: 2rem
}

    .filter-row + .article-listing .event:first-child {
        border-top: 0
    }

.article-item {
    margin-bottom: 2rem
}

    .article-item a {
        border: 0
    }

        .article-item a:hover h2 {
            color: #b5121b;
            text-decoration: underline;
            -webkit-text-decoration-color: var(--dark);
            text-decoration-color: var(--dark);
            text-underline-offset: 3px
        }

    .article-item h2 {
        display: inline;
        font-family: EffraBold,arial,helvetica,sans-serif;
        font-size: 1.5rem;
        line-height: 1
    }

        .article-item h2:after {
            display: none
        }

    .article-item .publication-date {
        color: #636363;
        font-weight: 700;
        margin-bottom: .5rem;
        margin-top: .5rem
    }

    .article-item .short-text {
        color: #4b4b4b
    }

.article-details {
    color: #636363;
    font-family: EffraRegular,arial,helvetica,sans-serif;
    font-size: 1.125rem;
    margin-bottom: 1rem
}

    .article-details .author, .article-details .date {
        color: #4b4b4b;
        font-weight: 700
    }

span.author + span.author:last-child:before {
    content: " and "
}

span.author:nth-of-type(n+2):not(:last-child):before {
    content: ", "
}

.article-tags {
    display: flex;
    flex-flow: row wrap;
    margin: 2rem 0
}

    .article-tags li {
        background-color: #efefef;
        border-radius: 5px;
        margin-right: .5rem;
        padding: .25rem .5rem
    }

        .article-tags li:hover {
            background-color: #ccc
        }

        .article-tags li a {
            border-bottom: none;
            color: #000;
            font-weight: 400;
            text-decoration: none;
            text-transform: capitalize
        }

            .article-tags li a:before {
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0
            }

#article-list #chosenTag {
    text-transform: capitalize
}

#article-list .article-listing-layout {
    margin-top: 1.5rem
}

    #article-list .article-listing-layout .popular-tags {
        display: none
    }

@media screen and (min-width:64rem) {
    #article-list .article-listing-layout {
        align-items: flex-start;
        display: grid;
        grid-template-columns: 3fr 1fr;
        margin-top: 3rem
    }

        #article-list .article-listing-layout .article-listing {
            padding-top: .75rem
        }

        #article-list .article-listing-layout .popular-tags {
            display: block;
            top: 6rem
        }

            #article-list .article-listing-layout .popular-tags h2:after {
                display: none
            }

            #article-list .article-listing-layout .popular-tags .tag-cloud {
                -moz-column-gap: .5rem;
                column-gap: .5rem;
                display: flex;
                flex-flow: row wrap
            }

                #article-list .article-listing-layout .popular-tags .tag-cloud li {
                    flex-grow: 1
                }

                    #article-list .article-listing-layout .popular-tags .tag-cloud li button {
                        background: none;
                        border: 1px solid var(--dark);
                        border-radius: 5px;
                        color: var(--dark-text);
                        font-weight: 400;
                        justify-content: left;
                        margin: 0;
                        padding: .5rem;
                        text-align: left;
                        text-transform: capitalize;
                        transition: .1s;
                        width: 100%
                    }

                        #article-list .article-listing-layout .popular-tags .tag-cloud li button:hover {
                            background-color: var(--dark);
                            color: #fff
                        }

                        #article-list .article-listing-layout .popular-tags .tag-cloud li button a {
                            border-bottom: none;
                            color: #000;
                            font-weight: 400;
                            text-decoration: none;
                            text-transform: capitalize;
                            transition: .1s
                        }

                            #article-list .article-listing-layout .popular-tags .tag-cloud li button a:before {
                                bottom: 0;
                                content: "";
                                left: 0;
                                position: absolute;
                                right: 0;
                                top: 0
                            }

                    #article-list .article-listing-layout .popular-tags .tag-cloud li .active-tag {
                        align-items: center;
                        background-color: var(--button);
                        border-color: var(--button);
                        color: #fff;
                        display: flex;
                        gap: .75rem;
                        justify-content: space-between;
                        position: relative;
                        text-align: left
                    }

                        #article-list .article-listing-layout .popular-tags .tag-cloud li .active-tag:hover {
                            background-color: var(--button-hover);
                            border-color: var(--button-hover)
                        }
}

.social-main {
    display: flex;
    flex-flow: wrap;
    margin: 0 auto;
    max-width: 75rem
}

    .social-main .social-main-item {
        flex: 0 1 15%;
        margin: 0 .5rem 1rem
    }

@media screen and (min-width:37.5rem) {
    .social-main .social-main-item {
        flex: 0 1 8%
    }
}

.social-media-row {
    border-top: 1px solid #efefef;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 1rem .9375rem 0;
    width: 100%
}

@media screen and (min-width:64rem) {
    .social-media-row {
        flex-direction: row;
        max-width: 75rem
    }
}

.social-media-row .social-media-title {
    align-items: center;
    display: flex;
    flex: 1 1 50%;
    margin-bottom: .5rem
}

@media screen and (min-width:64rem) {
    .social-media-row .social-media-title {
        margin-bottom: 0
    }
}

.social-media-row .social-media-title h3 {
    margin-bottom: 0
}

.social-media-row .empty-social-media-link {
    display: none;
    visibility: hidden
}

.social-media-row .social-media-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media screen and (min-width:37.5rem) {
    .social-media-row .social-media-links {
        flex-wrap: nowrap
    }
}

.social-media-row .social-media-links a {
    align-items: center;
    border-bottom: 0;
    justify-content: center;
    padding: .5rem
}

.social-media-row .social-media-links img {
    max-width: 50px
}

    .social-media-row .social-media-links img:hover {
        opacity: .6
    }

.social-media-row:last-child {
    margin-bottom: 2rem
}

.social.callout {
    background: none;
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start
}

    .social.callout h2 {
        flex: 1 1 100%
    }

        .social.callout h2:after {
            display: none
        }

    .social.callout a {
        border-bottom: 0;
        margin-right: .5rem
    }

.highlighted-events.single-event h2 {
    font-size: 2rem;
    margin-top: 1rem
}

@media screen and (min-width:37.5rem) {
    .highlighted-events.single-event a {
        display: flex
    }

    .highlighted-events.single-event .highlighted-image {
        background-color: #efefef;
        flex: 7 0 0;
        position: relative
    }

    .highlighted-events.single-event .info-box {
        flex: 5 0 0
    }
}

.highlighted-event {
    margin-bottom: 1.5rem;
    position: relative
}

@media screen and (max-width:30rem) {
    .highlighted-event:not(:first-child) {
        display: none;
        visibility: hidden
    }
}

@media screen and (min-width:64rem) {
    .highlighted-event {
        margin-bottom: 0
    }
}

.highlighted-event .highlighted-image {
    position: relative
}

.highlighted-event img {
    width: 100%
}

.highlighted-event h2 {
    display: inline;
    font-family: EffraBold,arial,helvetica,sans-serif;
    font-size: 1.5rem
}

    .highlighted-event h2:after {
        display: none
    }

.highlighted-event a {
    border-bottom: 0;
    color: #636363;
    display: flex;
    flex-direction: column-reverse
}

    .highlighted-event a:hover h2 {
        text-decoration: underline
    }

.highlighted-event .info-box {
    background-color: #efefef;
    padding: 1rem
}

    .highlighted-event .info-box svg {
        fill: #000;
        float: left;
        height: 20px;
        margin-right: .5rem;
        margin-top: .2rem;
        width: 20px
    }

    .highlighted-event .info-box p {
        overflow: hidden
    }

        .highlighted-event .info-box p.date {
            color: #636363;
            font-weight: 700
        }

        .highlighted-event .info-box p.location {
            color: #636363;
            font-weight: 700;
            margin-top: .5rem
        }

.date-block {
    margin-right: 1rem
}

    .date-block .date {
        align-items: center;
        background-color: #b5121b;
        background-color: var(--button);
        color: #fff;
        display: flex;
        flex-direction: column;
        font-family: EffraRegular,arial,helvetica,sans-serif;
        font-size: 1.25rem;
        font-weight: 400;
        height: 60px;
        justify-content: center;
        line-height: 1;
        width: 60px
    }

        .date-block .date .day {
            font-size: 1.5rem
        }

        .date-block .date.started {
            background-color: #68795c;
            text-align: center
        }

    .date-block.left {
        display: inline-block;
        left: 0;
        position: absolute;
        top: 0
    }

.filter-row button .icon {
    fill: #fff;
    height: 13px;
    margin-right: .5rem;
    vertical-align: middle;
    width: 13px
}

.filter-row #adv-filter {
    display: block;
    margin-top: 1rem
}

.filter-row + .event-list {
    padding-top: 1rem
}

    .filter-row + .event-list .event:first-child {
        border-top: 0
    }

.filter-row.single-filter .cell {
    align-items: center;
    display: flex;
    max-width: 600px
}

.filter-row.single-filter label {
    margin-right: 2rem
}

.filter-row.single-filter select {
    margin-bottom: 0;
    max-width: 400px
}

.event-list .event {
    border-bottom: 1px dashed #ccc;
    border-top: 1px dashed #ccc;
    display: flex;
    flex-direction: row;
    padding: 1.25rem 0
}

    .event-list .event + .event {
        border-top: 0
    }

    .event-list .event .event-wrapper {
        display: flex;
        flex-direction: row-reverse
    }

    .event-list .event a {
        border-bottom: 0;
        color: #4b4b4b;
        color: var(--dark);
        display: block
    }

        .event-list .event a:hover h2, .event-list .event a:hover h3 {
            text-decoration: underline
        }

    .event-list .event h2, .event-list .event h3 {
        display: inline;
        font-family: EffraBold,arial,helvetica,sans-serif;
        font-size: 1.5rem;
        line-height: 1;
        margin: 0
    }

        .event-list .event h2:after, .event-list .event h3:after {
            display: none
        }

    .event-list .event p {
        margin-bottom: 0;
        margin-top: .5rem
    }

        .event-list .event p.speaker {
            margin-bottom: .5rem;
            margin-top: 3px
        }

        .event-list .event p.date-location {
            color: #636363;
            font-weight: 700;
            margin-top: 3px
        }

        .event-list .event p.description {
            margin-top: 3px
        }

    .event-list .event .type-btn {
        background: #efefef;
        border-radius: 0;
        color: var(--dark-text);
        font-size: 12px;
        letter-spacing: 2px;
        padding: 5px 10px
    }

.event-list p {
    margin-top: 1rem
}

.event-list .load-more {
    text-align: center
}

    .event-list .load-more a {
        margin: 1.5rem 0 0
    }

.event-list-archive .date {
    flex-direction: row
}

[v-cloak] {
    display: none
}

.event-item {
    margin-top: 0;
    padding-bottom: 2.5rem;
    padding-top: 0
}

    .event-item .event-hero-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 75rem;
        padding: 0 .9375rem
    }

        .event-item .event-hero-container .event-item-header {
            width: 100%
        }

            .event-item .event-hero-container .event-item-header h1 {
                padding: 2.5rem 0 1rem
            }

        .event-item .event-hero-container.with-image {
            background-color: #efefef;
            background-color: var(--lightest);
            display: flex;
            justify-content: center;
            margin-top: 0;
            max-width: 100%;
            padding: 0;
            position: relative;
            width: 100%
        }

@media screen and (min-width:64rem) {
    .event-item .event-hero-container.with-image {
        background-color: #fff;
        height: 600px
    }
}

.event-item .event-hero-container.with-image .event-hero {
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 200px;
    margin: 0 auto;
    max-width: 1600px;
    position: absolute;
    width: 100%
}

.event-item .event-hero-container.with-image .event-item-header {
    align-items: flex-end;
    display: flex;
    margin: 175px .9375rem 1.75rem;
    position: relative;
    z-index: 1
}

    .event-item .event-hero-container.with-image .event-item-header .headline-panel {
        background-color: #fff;
        border-bottom: 4px solid #a6a6a6;
        border-bottom: 4px solid var(--medium);
        padding: 1rem 1.5rem
    }

@media screen and (min-width:64rem) {
    .event-item .event-hero-container.with-image .event-hero {
        height: 100%
    }

    .event-item .event-hero-container.with-image .event-item-header {
        margin: 0 auto;
        max-width: 75rem
    }

        .event-item .event-hero-container.with-image .event-item-header .headline-panel {
            margin: 0 .9375rem;
            width: 100%
        }
}

.event-item .event-hero-container.with-image .headline-panel {
    padding-left: .9375rem;
    padding-right: .9375rem;
    padding-top: 1rem
}

.event-item .event-hero-container.with-image h1 {
    margin-bottom: 0;
    padding: 0
}

.event-item section {
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 75rem;
    padding: 0 .9375rem
}

.event-item h2 {
    color: #636363;
    font-family: EffraBold,arial,helvetica,sans-serif;
    font-size: 1.25rem;
    margin-bottom: 1rem
}

    .event-item h2:after {
        display: none
    }

@media screen and (min-width:37.5rem) {
    .event-item h2 {
        font-size: 1.5rem
    }
}

.event-item .date {
    align-items: center;
    background-color: #efefef;
    color: #4b4b4b;
    display: flex;
    font-family: EffraBold,arial,helvetica,sans-serif;
    font-size: 1.375rem;
    margin-top: 1rem;
    padding: .6rem 1rem
}

@media screen and (min-width:37.5rem) {
    .event-item .date {
        font-size: 1.625rem
    }
}

@media screen and (min-width:64rem) {
    .event-item .date {
        margin-top: 0
    }
}

.event-item .date p.time {
    margin-bottom: 0
}

.event-item .date svg {
    fill: #4b4b4b;
    fill: var(--dark);
    height: 30px;
    margin-right: .5rem;
    width: 30px
}

.event-item .event-info {
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    padding: 1rem 0
}

@media screen and (min-width:64rem) {
    .event-item .event-info {
        display: flex;
        flex-direction: row;
        padding: 1.5rem 0
    }
}

.event-item .event-info h2 {
    margin-bottom: .5rem
}

@media screen and (min-width:64rem) {
    .event-item .event-info h2 {
        margin-bottom: 0
    }
}

.event-item .event-info p {
    margin-bottom: 0
}

.event-item .event-info address {
    font-style: normal
}

.event-item .event-inline-image {
    display: none;
    margin-bottom: 2rem
}

    .event-item .event-inline-image img {
        height: 150px;
        width: 300px
    }

@media screen and (min-width:37.5rem) {
    .event-item .event-inline-image {
        display: block
    }
}

@media screen and (min-width:64rem) {
    .event-item .event-inline-image {
        flex-shrink: 0;
        margin-bottom: 0;
        width: 320px
    }
}

@media screen and (min-width:37.5rem) {
    .event-item .event-info-items {
        display: grid;
        padding: 1rem 0
    }
}

@media screen and (min-width:64rem) {
    .event-item .event-info-items {
        border-bottom: 0;
        border-top: 0;
        padding: 0
    }
}

.event-item .event-info-item {
    margin-bottom: 1rem
}

@media screen and (min-width:37.5rem) {
    .event-item .event-info-item {
        display: grid;
        grid-column: 1/-1;
        grid-template-columns: 250px 1fr;
        grid-template-rows: auto
    }
}

@media screen and (min-width:64rem) {
    .event-item .event-info-item {
        margin-bottom: 1rem
    }

        .event-item .event-info-item:last-child {
            margin-bottom: 0
        }
}

.event-item .event-info-item:last-child {
    margin-bottom: 0
}

.event-item .event-media .gallery {
    display: flex;
    flex: 1;
    flex-flow: wrap;
    justify-content: flex-start
}

    .event-item .event-media .gallery .image {
        flex-basis: 100%
    }

@media screen and (min-width:37.5rem) {
    .event-item .event-media .gallery .image {
        flex-basis: calc(25% - 1rem);
        margin-right: 1rem
    }
}

.event-item .event-media .event-video {
    margin-top: 1rem
}

.event-item .publicity {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
    padding-bottom: 0;
    padding-top: 0
}

@media screen and (min-width:37.5rem) {
    .event-item .publicity {
        flex-direction: row
    }
}

.event-item .event-text {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin-right: 1rem
}

@media screen and (min-width:37.5rem) {
    .event-item .event-text {
        flex: 1 0 75%
    }
}

@media screen and (min-width:64rem) {
    .event-item .event-text {
        flex: 0 0 75%
    }
}

.event-item .event-text h2 ~ h2 {
    margin-top: 1rem
}

.event-item aside {
    align-self: flex-start;
    display: flex;
    width: 100%
}

@media screen and (min-width:37.5rem) {
    .event-item aside {
        flex: 1 0 20%
    }
}

.event-item aside .callout {
    width: 100%
}

.event-item aside h2 {
    margin-top: 0
}

.event-item aside a.event-icon {
    border-bottom: 0
}

    .event-item aside a.event-icon svg {
        height: 30px;
        width: 30px
    }

    .event-item aside a.event-icon.twitter svg {
        fill: #1da1f2
    }

    .event-item aside a.event-icon.facebook {
        margin-right: .5rem
    }

        .event-item aside a.event-icon.facebook svg {
            fill: #3b5998
        }

.event-item .contact-details {
    display: flex;
    flex-direction: column;
    width: 100%
}

    .event-item .contact-details h2 {
        margin-bottom: 1rem
    }

    .event-item .contact-details label {
        font-weight: 700
    }

    .event-item .contact-details p {
        margin-bottom: 0
    }

    .event-item .contact-details td:first-child {
        min-width: 200px;
        white-space: nowrap;
        width: 1px
    }

.event-item .speaker-details {
    margin-bottom: 1rem
}

    .event-item .speaker-details .speaker {
        padding-bottom: .5em;
        padding-top: .5em
    }

    .event-item .speaker-details .organisation {
        color: #636363;
        display: block;
        font-weight: 700
    }

.event-item .share {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (min-width:37.5rem) {
    .event-item .share {
        align-items: center;
        flex-direction: row
    }
}

.event-item .share .sm-buttons {
    display: flex
}

.event-item .share .calendar {
    display: flex;
    margin-bottom: 1rem
}

@media screen and (min-width:37.5rem) {
    .event-item .share .calendar {
        margin-bottom: 0
    }
}

.event-item .share .calendar .btn-call {
    --btn-font-small: 1rem;
    --btn-font-large: 1.125rem;
    background-color: #b5121b;
    background-color: var(--button);
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    padding: .85rem 1rem
}

    .event-item .share .calendar .btn-call:hover {
        background-color: #7f0d13;
        background-color: var(--button-hover)
    }

    .event-item .share .calendar .btn-call:before {
        content: url(/media/wdp/style-assets/images/svg/calendar-add.svg);
        height: 25px;
        margin-right: 10px;
        width: 25px
    }

.event-item .book-now {
    margin: 1.5rem 0
}

    .event-item .book-now .btn-call {
        display: inline-flex;
        margin-bottom: 0;
        width: 100%
    }

@media screen and (min-width:37.5rem) {
    .event-item .book-now .btn-call {
        width: 33%
    }
}

.event-item .book-now .btn-call.media:before {
    content: url(/media/wdp/style-assets/images/svg/file-download-grey.svg);
    height: 25px;
    width: 25px
}

.event-item #google-map {
    height: 30em;
    margin-top: 2rem
}

.event-item .event-map-directions p {
    white-space: pre-wrap
}

.event-loading {
    margin-bottom: 3rem;
    margin-top: 1rem;
    text-align: center
}

    .event-loading .loading-spinner {
        background: #fff url(/media/lancaster-university/style-assets/images/slimbox/loading.gif) no-repeat 50%;
        height: 50px
    }

.foundation-bookable-events-list .introduction {
    margin-bottom: 2rem
}

.foundation-bookable-events-list .event-row {
    align-items: center;
    border-top: 1px dashed #ccc;
    padding: 1rem 0
}

@media screen and (min-width:64rem) {
    .foundation-bookable-events-list .event-row {
        width: 75%
    }
}

.foundation-bookable-events-list .event-row:first-child {
    border-top: 0
}

.foundation-bookable-events-list .event-date {
    flex-flow: nowrap;
    margin-bottom: 1rem
}

@media screen and (min-width:37.5rem) {
    .foundation-bookable-events-list .event-date {
        margin-bottom: 0
    }
}

.foundation-bookable-events-list .event-date h3 {
    border-bottom: 1px solid #fff;
    font-family: EffraBold,arial,helvetica,sans-serif
}

.foundation-bookable-events-list .event-date .event-link {
    border-bottom: 0;
    color: #4b4b4b;
    color: var(--dark-text)
}

    .foundation-bookable-events-list .event-date .event-link:hover {
        text-decoration: underline
    }

.foundation-bookable-events-list .event-date .time {
    font-weight: 700;
    margin: 0
}

@media screen and (min-width:37.5rem) {
    .foundation-bookable-events-list .event-date .time {
        margin-top: -.5rem
    }
}

.foundation-bookable-events-list .book-now-button {
    max-width: 50%;
    min-width: 5rem
}

@media screen and (min-width:37.5rem) {
    .foundation-bookable-events-list .book-now-button {
        max-width: 100%
    }
}

.foundation-bookable-events-list .book-now-button .button {
    margin: 0;
    width: 100%
}

.foundation-bookable-events-list .show-more {
    align-items: center;
    margin-top: 1rem;
    max-width: 45rem
}

    .foundation-bookable-events-list .show-more .button {
        display: block;
        margin: 2rem auto 0
    }

.foundation-bookable-events-list.no-titles .event-link .time {
    border-bottom: 1px solid #fff
}

.foundation-bookable-events-list.no-titles .event-link:hover .time {
    border-bottom: 1px solid #b5121b;
    color: #b5121b
}

.lu-fb-results .column.row.row {
    display: flex
}

.lu-fb-results ul {
    list-style: none;
    padding: 0
}

    .lu-fb-results ul#example-tabs {
        width: 100%
    }

.lu-fb-results .tabs {
    border: none;
    margin-bottom: 1.5rem
}

@media (min-width:48rem) {
    .lu-fb-results .tabs {
        margin-bottom: 1rem
    }
}

.lu-fb-results .tabs-title {
    padding: 0;
    width: 100%
}

@media screen and (min-width:64rem) {
    .lu-fb-results .tabs-title {
        border-bottom: 0;
        float: left;
        padding: 0 1.5rem 1rem 0;
        width: auto
    }
}

.lu-fb-results .tabs-title a {
    background-color: #efefef;
    border-bottom: 0;
    color: #4b4b4b;
    display: block;
    font-family: EffraBold,arial,helvetica,sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    padding: .5rem
}

@media screen and (min-width:64rem) {
    .lu-fb-results .tabs-title a {
        background-color: #fff
    }
}

@media (min-width:48rem) {
    .lu-fb-results .tabs-title a {
        font-size: 1.5rem
    }
}

.lu-fb-results .tabs-title a:hover {
    border: none
}

.lu-fb-results .tabs-title > a:focus, .lu-fb-results .tabs-title > a[aria-selected=true] {
    background-color: #b5121b;
    border-bottom: 0;
    color: #fff;
    padding-bottom: .5rem
}

@media screen and (min-width:64rem) {
    .lu-fb-results .tabs-title > a:focus, .lu-fb-results .tabs-title > a[aria-selected=true] {
        background: none;
        border-bottom: 5px solid #b5121b;
        color: #b5121b
    }
}

.lu-fb-results .tabs-content {
    border: none
}

.lu-fb-results .tabs-panel {
    padding: 1rem 0
}

    .lu-fb-results .tabs-panel ul.all-results > li {
        border-bottom: 1px dashed #ccc
    }

        .lu-fb-results .tabs-panel ul.all-results > li:last-child {
            border-bottom: none
        }

    .lu-fb-results .tabs-panel ul.courses > li {
        border-bottom: 1px dashed #ccc
    }

        .lu-fb-results .tabs-panel ul.courses > li:last-child {
            border-bottom: none
        }

    .lu-fb-results .tabs-panel ul.departments > li {
        border-bottom: 1px dashed #ccc
    }

        .lu-fb-results .tabs-panel ul.departments > li:last-child {
            border-bottom: none
        }

    .lu-fb-results .tabs-panel .course__stats {
        display: flex;
        flex-direction: column;
        margin-left: 0
    }

@media (min-width:48rem) {
    .lu-fb-results .tabs-panel .course__stats {
        flex-direction: row
    }
}

.lu-fb-results .tabs-panel .course__stats li {
    border-bottom: none;
    margin-right: 1.5rem
}

    .lu-fb-results .tabs-panel .course__stats li.course__ucas {
        flex: 1 0 0
    }

    .lu-fb-results .tabs-panel .course__stats li.course__subject-area {
        flex: 3 0 0
    }

.lu-fb-results .tabs-panel .large-3 {
    flex: 1 1 100%;
    order: 1
}

@media screen and (min-width:64rem) {
    .lu-fb-results .tabs-panel .large-3 {
        flex: 1 1 auto;
        order: 2
    }
}

.lu-fb-results .tabs-panel .large-9 {
    order: 2
}

@media screen and (min-width:64rem) {
    .lu-fb-results .tabs-panel .large-9 {
        order: 1
    }
}

.lu-fb-results .fb-searchbar {
    background-color: #efefef;
    border-radius: 5px;
    margin-bottom: 1rem;
    padding: 1.5rem 1rem;
    width: 100%
}

@media screen and (min-width:64rem) {
    .lu-fb-results .fb-searchbar {
        margin-bottom: 2rem;
        padding: 2rem
    }
}

.lu-fb-results .fb-searchbar form {
    display: inline-block;
    position: relative;
    width: 100%
}

.lu-fb-results .fb-searchbar .search {
    position: relative
}

.lu-fb-results .fb-searchbar input[type=search] {
    height: 50px;
    margin-bottom: 0
}

.lu-fb-results .fb-searchbar .fb-btn {
    background: none;
    height: 50px;
    padding: .5rem 1rem;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.lu-fb-results .fb-searchbar svg {
    fill: #636363;
    height: 20px;
    width: 20px
}

.lu-fb-results .fb-searchbar i {
    color: #636363;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1
}

.lu-fb-results .fb-searchbar .tt-dropdown-menu {
    background: #fff;
    color: inherit;
    display: block;
    left: 0;
    position: absolute;
    right: 10%;
    top: 100%;
    z-index: 100
}

    .lu-fb-results .fb-searchbar .tt-dropdown-menu h2 {
        border-left: 1px solid;
        border-right: 1px solid;
        margin: 0;
        padding: 10px 15px
    }

        .lu-fb-results .fb-searchbar .tt-dropdown-menu h2:after {
            display: none
        }

.lu-fb-results .fb-searchbar .tt-suggestion {
    border-bottom: 1px solid #999
}

    .lu-fb-results .fb-searchbar .tt-suggestion.tt-cursor a {
        background-color: #f8f8f8;
        color: #4c4c4c
    }

.lu-fb-results .fb-searchbar .tt-suggestions {
    border-left: 1px solid #999;
    border-right: 1px solid #999
}

    .lu-fb-results .fb-searchbar .tt-suggestions a {
        background-color: #fff;
        box-sizing: border-box;
        color: #4c4c4c;
        display: block;
        padding: 10px 15px;
        text-decoration: none;
        width: 100%
    }

        .lu-fb-results .fb-searchbar .tt-suggestions a:active, .lu-fb-results .fb-searchbar .tt-suggestions a:focus, .lu-fb-results .fb-searchbar .tt-suggestions a:hover {
            background-color: #f8f8f8;
            border-bottom: 1px dashed;
            border-color: #4c4c4c;
            outline: 0 none
        }

.lu-fb-results .fb-contextual-nav {
    background: #efefef;
    margin: 0;
    padding: 1.25rem
}

    .lu-fb-results .fb-contextual-nav ul {
        list-style: none;
        margin: .9375rem 0 0;
        padding: 0
    }

        .lu-fb-results .fb-contextual-nav ul li {
            border-bottom: none;
            margin-bottom: .625rem
        }

    .lu-fb-results .fb-contextual-nav a {
        border-bottom: 1px solid transparent;
        color: inherit;
        font-weight: 400
    }

        .lu-fb-results .fb-contextual-nav a:active, .lu-fb-results .fb-contextual-nav a:focus, .lu-fb-results .fb-contextual-nav a:hover {
            color: #b5121b;
            text-decoration: none
        }

        .lu-fb-results .fb-contextual-nav a:hover {
            border-bottom: 1px solid #a6a6a6
        }

    .lu-fb-results .fb-contextual-nav input[type=search]:focus {
        background-color: #fff;
        border-color: #6d6d6d;
        outline: none
    }

    .lu-fb-results .fb-contextual-nav input[type=search]::-moz-placeholder {
        font-style: italic
    }

    .lu-fb-results .fb-contextual-nav input[type=search]::placeholder {
        font-style: italic
    }

.lu-fb-results .fb-contextual-nav__heading {
    font-family: EffraRegular,arial,helvetica,sans-serif;
    font-size: 1.125rem;
    margin-top: 0
}

    .lu-fb-results .fb-contextual-nav__heading:after {
        border-bottom: none;
        margin: initial
    }

@media screen and (min-width:48em) {
    .lu-fb-results .fb-contextual-nav__heading {
        font-size: 1.375rem
    }
}

.lu-fb-results mark {
    background-color: #fff;
    font-weight: 700
}

    .lu-fb-results mark:hover {
        color: #b5121b
    }

.lu-fb-results .empty-message, .lu-fb-results .ui-helper-hidden-accessible {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.lu-fb-results .fb-results-list > li {
    border-bottom: 1px dashed;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.lu-fb-results .fb-result__image {
    display: block;
    float: none;
    height: 80px;
    margin-bottom: 0;
    margin-right: 1rem;
    margin-top: 1rem;
    overflow: hidden;
    position: relative;
    width: 80px
}

@media screen and (min-width:64rem) {
    .lu-fb-results .fb-result__image {
        float: left;
        margin-bottom: 2rem
    }
}

.lu-fb-results .fb-result__image.skim-left {
    padding-left: 0
}

.lu-fb-results .fb-result__image.skim-right {
    padding-right: 0
}

.lu-fb-results .fb-result__image--person img {
    margin-top: -5px
}

.lu-fb-results .fb-result__image img {
    max-width: 100%
}

.lu-fb-results .fb-result__info {
    display: inline-block;
    padding: 1.5rem 1rem 1.5rem 0;
    width: auto
}

    .lu-fb-results .fb-result__info.with-image {
        display: block;
        margin-bottom: .5rem
    }

    .lu-fb-results .fb-result__info.skim-left {
        padding-left: 0
    }

    .lu-fb-results .fb-result__info.skim-right {
        padding-right: 0
    }

.lu-fb-results .fb-result__intro span.job-title {
    display: block;
    margin-top: 5px;
    padding-right: 15px;
    width: 100%
}

@media screen and (min-width:64rem) {
    .lu-fb-results .fb-result__intro span.job-title {
        display: inline;
        width: 20%
    }
}

.lu-fb-results .fb-result__intro h2 {
    display: inline-block;
    font-family: EffraBold,arial,helvetica,sans-serif;
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: .5rem
}

    .lu-fb-results .fb-result__intro h2:after {
        display: none
    }

    .lu-fb-results .fb-result__intro h2 a {
        border-bottom: 1px solid transparent;
        color: #4b4b4b;
        font-weight: 400;
        padding-bottom: .0625rem;
        transition-duration: .2s;
        transition-property: color,border-bottom,-webkit-text-decoration;
        transition-property: color,text-decoration,border-bottom;
        transition-property: color,text-decoration,border-bottom,-webkit-text-decoration;
        transition-timing-function: ease-out
    }

        .lu-fb-results .fb-result__intro h2 a:active, .lu-fb-results .fb-result__intro h2 a:focus, .lu-fb-results .fb-result__intro h2 a:hover {
            border-bottom: .0625rem solid #a6a6a6;
            color: #b5121b;
            text-decoration: none
        }

.lu-fb-results .fb-result__intro .staff-details {
    border-bottom: 1px solid #efefef;
    display: block;
    height: 50%;
    padding: 0 0 6px
}

    .lu-fb-results .fb-result__intro .staff-details h2 {
        display: inline;
        padding-right: 1rem
    }

        .lu-fb-results .fb-result__intro .staff-details h2:after {
            display: none
        }

        .lu-fb-results .fb-result__intro .staff-details h2 a {
            border-bottom: 0
        }

.lu-fb-results .fb-result__url {
    font-size: .85em;
    font-style: normal
}

    .lu-fb-results .fb-result__url a {
        border-color: transparent
    }

        .lu-fb-results .fb-result__url a:active, .lu-fb-results .fb-result__url a:focus, .lu-fb-results .fb-result__url a:hover {
            border-color: inherit
        }

.lu-fb-results .fb-result__breadcrumb {
    color: #636363;
    font-size: .975rem
}

    .lu-fb-results .fb-result__breadcrumb a {
        border-bottom: .0625rem solid #ccc;
        color: #b5121b;
        padding-bottom: .0625rem;
        transition: border-color .15s ease-out
    }

        .lu-fb-results .fb-result__breadcrumb a:hover {
            border-bottom: .0625rem solid #b5121b
        }

.lu-fb-results .fb-result__summary {
    margin-bottom: .5rem
}

    .lu-fb-results .fb-result__summary .staff-contact {
        display: block;
        float: left;
        height: 50%;
        padding: 6px 0;
        position: relative;
        width: auto
    }

        .lu-fb-results .fb-result__summary .staff-contact a {
            font-size: .875rem
        }

        .lu-fb-results .fb-result__summary .staff-contact .details-list__email {
            display: inline-block;
            margin-right: 1rem;
            white-space: nowrap;
            width: auto
        }

            .lu-fb-results .fb-result__summary .staff-contact .details-list__email:before {
                content: url(/media/lancaster-university/style-assets/images/icon-email.png);
                margin-right: .5rem
            }

        .lu-fb-results .fb-result__summary .staff-contact .details-list__tel {
            display: inline-block;
            margin-right: 1rem;
            white-space: nowrap;
            width: auto
        }

            .lu-fb-results .fb-result__summary .staff-contact .details-list__tel:before {
                content: url(/media/lancaster-university/style-assets/images/icon-phone.png);
                margin-right: .5rem
            }

        .lu-fb-results .fb-result__summary .staff-contact .details-list__location {
            display: inline-block;
            margin-right: 1rem;
            white-space: nowrap;
            width: auto
        }

            .lu-fb-results .fb-result__summary .staff-contact .details-list__location:before {
                content: url(/media/lancaster-university/style-assets/images/icon-location.png);
                margin-right: .5rem
            }

.lu-fb-results .fb-message__emphasize {
    color: #636363;
    font-size: 1.25rem;
    margin-bottom: 1rem
}

    .lu-fb-results .fb-message__emphasize i {
        color: #b5121b
    }

.lu-fb-results .fb-facets-toggle .fb-btn {
    display: block;
    padding: 10px;
    position: relative
}

.lu-fb-results .fb-facets-toggle .active .fb-btn {
    position: relative
}

.lu-fb-results .fb-facets {
    margin-bottom: 1rem
}

    .lu-fb-results .fb-facets ul {
        background-color: #efefef;
        list-style: none;
        margin: 0 0 .625rem;
        max-height: 200px;
        overflow: hidden;
        padding: .25rem 1rem;
        transition-duration: .5s;
        transition-property: color,-webkit-text-decoration;
        transition-property: color,text-decoration;
        transition-property: color,text-decoration,-webkit-text-decoration;
        transition-timing-function: ease-in-out
    }

        .lu-fb-results .fb-facets ul > li {
            list-style: none;
            margin: 0;
            padding: 0
        }

        .lu-fb-results .fb-facets ul li {
            background-color: inherit;
            display: block;
            padding: .3125rem 0
        }

        .lu-fb-results .fb-facets ul.show-for-large.expand {
            display: block !important
        }

        .lu-fb-results .fb-facets ul .close-icon {
            height: 10px;
            width: 10px
        }

    .lu-fb-results .fb-facets .facet-list__item a {
        border-bottom: 0;
        color: inherit;
        display: block
    }

        .lu-fb-results .fb-facets .facet-list__item a.active {
            color: #b5121b;
            padding-left: 15px;
            position: relative;
            text-decoration: none
        }

        .lu-fb-results .fb-facets .facet-list__item a:focus, .lu-fb-results .fb-facets .facet-list__item a:hover {
            color: #b5121b;
            text-decoration: none
        }

    .lu-fb-results .fb-facets .facet-dropdown {
        background-color: #efefef;
        padding: 1rem .75rem
    }

        .lu-fb-results .fb-facets .facet-dropdown select {
            width: 100%
        }

    .lu-fb-results .fb-facets .facet-details {
        background-color: #efefef;
        padding: 1rem
    }

.lu-fb-results .fb-facet__heading {
    background: #636363;
    color: #fff;
    display: block;
    font-weight: 700;
    padding: .5rem 1rem;
    position: relative
}

@media screen and (max-width:63.9987rem) {
    .lu-fb-results .fb-facet__heading {
        padding: .25rem .5rem
    }
}

.lu-fb-results .fb-facet__heading a {
    border: 0;
    color: #fff
}

    .lu-fb-results .fb-facet__heading a:active, .lu-fb-results .fb-facet__heading a:focus, .lu-fb-results .fb-facet__heading a:hover {
        text-decoration: none
    }

@media screen and (max-width:63.9987rem) {
    .lu-fb-results .fb-facet__heading a:before {
        border-color: #fff transparent transparent;
        border-style: solid inset inset;
        border-width: 6px 6px 0;
        content: "";
        display: block;
        height: 0;
        margin-top: -3px;
        position: absolute;
        right: 1rem;
        top: 50%;
        width: 0
    }
}

.lu-fb-results .fb-facet__heading.active a {
    background: #b5121b;
    color: #fff;
    position: relative
}

    .lu-fb-results .fb-facet__heading.active a:before {
        border-color: #fff transparent transparent;
        border-style: solid inset inset;
        border-width: 6px 6px 0;
        content: "";
        display: block;
        height: 0;
        margin-top: -3px;
        position: absolute;
        right: 1rem;
        top: 50%;
        width: 0
    }

.lu-fb-results .fb-facet__heading.active + ul {
    max-height: 800px
}

.lu-fb-results .fb-facet__heading .fa {
    margin-right: 5px
}

.lu-fb-results .fb-category {
    color: #4b4b4b;
    display: block;
    float: left;
    font-weight: 700;
    width: 90%
}

.lu-fb-results .fb-category__count {
    display: block;
    float: right;
    text-align: right;
    width: 10%
}

.lu-fb-results .fb-category--all {
    display: inline-block;
    margin-bottom: 5px;
    padding: 10px 0;
    width: 100%
}

    .lu-fb-results .fb-category--all:link, .lu-fb-results .fb-category--all:visited {
        border-bottom: 1px dashed #ccc
    }

    .lu-fb-results .fb-category--all:active, .lu-fb-results .fb-category--all:focus, .lu-fb-results .fb-category--all:hover {
        text-decoration: none
    }

.lu-fb-results .best-bet {
    background-color: #efefef;
    color: inherit;
    margin-bottom: 1rem;
    margin-top: 0;
    padding: 0 1rem
}

    .lu-fb-results .best-bet .fb-result__info {
        padding-left: 0
    }

.lu-fb-results .fb-alert-message ul {
    list-style-type: square;
    padding-left: 1rem
}

    .lu-fb-results .fb-alert-message ul li {
        border-bottom: 0;
        list-style-position: outside
    }

.lu-fb-results .fb-pop-search h3 {
    margin-bottom: 1rem
}

.lu-fb-results .fb-pop-search__terms {
    margin-bottom: 1rem;
    padding: 0
}

    .lu-fb-results .fb-pop-search__terms li {
        display: inline-block;
        margin: 0 5px 5px 0
    }

        .lu-fb-results .fb-pop-search__terms li a {
            background: #b5121b;
            color: #fff;
            display: inline-block;
            padding: .5rem 1rem;
            text-decoration: none
        }

            .lu-fb-results .fb-pop-search__terms li a:active, .lu-fb-results .fb-pop-search__terms li a:focus, .lu-fb-results .fb-pop-search__terms li a:hover {
                background-color: #636363;
                color: #fff
            }

.lu-fb-results .sr-only {
    clip: rect(0,0,0,0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.lu-fb-results .fb-pagination {
    font-weight: 700;
    margin-bottom: 2rem;
    width: 100%
}

    .lu-fb-results .fb-pagination ul {
        list-style: none;
        margin: 0;
        padding-left: 0
    }

        .lu-fb-results .fb-pagination ul > li {
            display: inline-block;
            list-style: none;
            margin: 0 2px 0 0;
            padding: 0
        }

            .lu-fb-results .fb-pagination ul > li.active a {
                background: #b5121b;
                color: #fff
            }

    .lu-fb-results .fb-pagination a {
        border-bottom: 0
    }

        .lu-fb-results .fb-pagination a:link, .lu-fb-results .fb-pagination a:visited {
            background: #efefef;
            color: #636363;
            padding: 5px 10px
        }

        .lu-fb-results .fb-pagination a:active, .lu-fb-results .fb-pagination a:focus, .lu-fb-results .fb-pagination a:hover {
            background: #b5121b;
            color: #fff
        }

.lu-fb-results .event-list {
    padding-top: 0
}

    .lu-fb-results .event-list .date-block {
        float: left;
        margin-bottom: 1rem
    }

@media screen and (min-width:37.5rem) {
    .lu-fb-results .event-list .date-block {
        height: 100%
    }
}

.lu-fb-results .event-list .event h3 {
    display: inline-block
}

.lu-fb-results .event-list .event p {
    margin-top: .5rem
}

.lu-fb-results .top__heading {
    margin-top: 2rem
}

.frm-staff-category fieldset {
    border-top: 0
}

    .frm-staff-category fieldset span {
        display: flex;
        justify-content: flex-start
    }

@media screen and (max-width:37.4988em) {
    .frm-staff-category fieldset span {
        display: block
    }
}

.frm-staff-category fieldset span .filter {
    flex: 1
}

.frm-staff-category fieldset span p {
    margin-bottom: 0;
    padding-right: 1rem
}

@media screen and (max-width:37.4988em) {
    .frm-staff-category fieldset span p {
        float: left;
        margin-bottom: .5rem
    }
}

.frm-staff-search fieldset {
    border-top: 0
}

    .frm-staff-search fieldset ol {
        display: flex;
        list-style: none;
        margin-left: 0;
        padding-left: 0
    }

        .frm-staff-search fieldset ol button {
            margin-right: 0
        }

        .frm-staff-search fieldset ol li {
            margin-top: 0
        }

            .frm-staff-search fieldset ol li:first-of-type {
                flex: 1
            }

        .frm-staff-search fieldset ol .btn-submit {
            margin-top: 0;
            padding-left: 1rem
        }

        .frm-staff-search fieldset ol input[type=search] {
            margin-bottom: 0
        }

.staff-profile .postnominals {
    color: #636363;
    display: block;
    font-size: 1.25rem;
    letter-spacing: -.04rem
}

@media screen and (min-width:64rem) {
    .staff-profile .postnominals {
        display: inline
    }
}

.staff-profile .subtitle {
    color: #636363;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 1rem
}

@media screen and (min-width:64rem) {
    .staff-profile .subtitle {
        font-size: 1.25rem;
        margin-bottom: 2rem
    }
}

.staff-profile .tabbed {
    padding-top: 1rem
}

@media screen and (min-width:64rem) {
    .staff-profile .tabbed {
        padding-top: 1rem
    }
}

.staff-profile .tabbed .tabs {
    border: none;
    display: flex
}

.staff-profile .tabbed .tabs-title {
    padding: 0;
    width: 100%
}

@media screen and (min-width:64rem) {
    .staff-profile .tabbed .tabs-title {
        border-bottom: 0;
        flex-grow: 0;
        margin-bottom: 1.5rem;
        margin-left: 0;
        margin-right: 2rem;
        width: auto
    }
}

.staff-profile .tabbed .tabs-title.is-active {
    border: 0
}

.staff-profile .tabbed .tabs-title:not(.is-active) {
    border-left-width: 0;
    border-right-width: 0;
    margin-left: 0
}

.staff-profile .tabbed .tabs-title:last-of-type {
    margin-right: 0
}

.staff-profile .tabbed .tabs-title > a {
    background-color: #efefef;
    border-bottom: 5px solid transparent;
    font-family: EffraBold,arial,helvetica,sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    padding: .5rem
}

@media screen and (min-width:64rem) {
    .staff-profile .tabbed .tabs-title > a {
        background-color: #fff;
        font-size: 1.5rem;
        padding: 0 0 .5rem
    }
}

.staff-profile .tabbed .tabs-title > a:focus, .staff-profile .tabbed .tabs-title > a[aria-selected=true] {
    background-color: #b5121b;
    border-bottom: 0;
    color: #fff
}

@media screen and (min-width:64rem) {
    .staff-profile .tabbed .tabs-title > a:focus, .staff-profile .tabbed .tabs-title > a[aria-selected=true] {
        background: none;
        border-bottom: 5px solid #b5121b;
        color: #b5121b;
        padding-bottom: .5rem
    }
}

.staff-profile .tabbed .tabs-content {
    background: #fff;
    border: none;
    border-top: 0;
    transition: all .5s ease
}

    .staff-profile .tabbed .tabs-content .tabs-panel {
        padding: 1rem 0
    }

        .staff-profile .tabbed .tabs-content .tabs-panel.is-active {
            display: block
        }

.staff-profile .accordion {
    border: 1px solid #ccc;
    padding-top: 0
}

    .staff-profile .accordion ul {
        margin-bottom: 1rem;
        margin-left: 0
    }

    .staff-profile .accordion h4 {
        font-family: arial,helvetica,sans-serif;
        font-weight: 700
    }

    .staff-profile .accordion .accordion-item {
        border-bottom: 1px solid #ccc
    }

        .staff-profile .accordion .accordion-item:last-child {
            border-bottom: 0
        }

    .staff-profile .accordion .accordion-content {
        border: 0
    }

.staff-profile .filter-row {
    padding: 1rem 1rem 0
}

.staff-profile .staff-list {
    margin-top: 0
}

    .staff-profile .staff-list .staff-row {
        flex: 0 0 100%;
        margin-bottom: 1rem;
        margin-top: 1rem;
        padding: 0
    }

@media screen and (min-width:64rem) {
    .staff-profile .staff-list .staff-row {
        flex: 0 0 calc(50% - 1.875rem);
        flex: 0 0 calc(33.3% - 1.875rem)
    }
}

.staff-profile .staff-list .staff-row:last-child, .staff-profile .staff-list .staff-row a {
    border-bottom: 0
}

.staff-profile .staff-list .staff-row .image {
    height: auto
}

.staff-profile .hidden {
    display: none
}

.staff-profile .btn-back {
    width: 100%
}

.staff-list {
    display: flex;
    flex-flow: row wrap;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    max-width: 75rem
}

    .staff-list .research {
        width: 100%
    }

        .staff-list .research .staff-details a {
            border-bottom: 0;
            padding-bottom: 0;
            width: auto
        }

            .staff-list .research .staff-details a:hover h3 {
                border-bottom: .0625rem solid #ccc
            }

        .staff-list .research .staff-details .name {
            background-color: #fff;
            border-bottom: .0625rem solid transparent;
            margin: 0;
            padding: 0 0 .0625rem
        }

        .staff-list .research .staff-details .postnominals {
            display: none;
            visibility: hidden
        }

@media screen and (max-width:37.4988em) {
    .staff-list .research .image {
        margin-bottom: 1rem
    }
}

.staff-list .staff-row {
    border-bottom: 1px solid #efefef;
    flex: 0 0 calc(100% - 1.25rem);
    margin-bottom: 2rem;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 1rem
}

@media screen and (min-width:37.5rem) {
    .staff-list .staff-row {
        border-bottom: 0;
        flex: 0 0 calc(33.33% - 1.875rem);
        margin-left: .9375rem;
        margin-right: .9375rem
    }
}

@media screen and (min-width:64rem) {
    .staff-list .staff-row {
        flex: 0 0 calc(25% - 1.875rem)
    }
}

.staff-list .staff-row.research {
    flex: 0 0 100%
}

.staff-list .staff-row .feature-title > a {
    border-bottom: 0;
    display: inline-block;
    padding-bottom: 0
}

    .staff-list .staff-row .feature-title > a:hover {
        border-bottom: 0
    }

.staff-list .image {
    display: block;
    height: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    visibility: visible;
    width: 100%
}

@media screen and (max-width:30rem) {
    .staff-list .image {
        display: none;
        visibility: hidden
    }
}

@media screen and (min-width:64rem) {
    .staff-list .image {
        height: 250px
    }
}

.staff-list .image img {
    margin-top: -10px
}

.staff-list .name {
    background-color: #fff;
    font-family: LexiaRegular,georgia,serif;
    line-height: 1;
    margin-bottom: 1rem;
    padding: 0;
    position: relative;
    width: 100%
}

@media screen and (min-width:37.5rem) {
    .staff-list .name {
        background-color: #efefef;
        padding: .75rem
    }
}

.staff-list .postnominals {
    color: #636363;
    display: block;
    font-family: EffraRegular,arial,helvetica,sans-serif;
    font-size: 1rem;
    letter-spacing: .01rem;
    margin-top: .5rem
}

.staff-list .staff-contact span > span {
    display: block
}

.staff-list .job-title {
    color: #4b4b4b;
    display: block;
    font-weight: 700
}

.staff-list .staff-details {
    margin-bottom: .5rem
}

    .staff-list .staff-details a {
        display: inline-block
    }

.staff-list .staff-research {
    font-size: 90%
}

    .staff-list .staff-research .research-areas {
        margin-bottom: 0;
        max-width: 100%
    }

.staff-list .staff-contact {
    font-size: 90%;
    margin-bottom: .5rem;
    margin-top: .5rem
}

.staff-list .email {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word
}

    .staff-list .email:before {
        background-image: url(/media/wdp/style-assets/images/svg/envelope.svg)
    }

    .staff-list .email:before, .staff-list .phone:before {
        background-size: 12px 12px;
        content: " ";
        display: inline-block;
        height: 12px;
        margin-right: .5rem;
        width: 12px
    }

.staff-list .phone:before {
    background-image: url(/media/wdp/style-assets/images/svg/phone.svg)
}

.staff-list .location:before {
    background-image: url(/media/wdp/style-assets/images/svg/map-marker.svg);
    background-size: 12px 12px;
    content: " ";
    display: inline-block;
    height: 12px;
    margin-right: .5rem;
    width: 12px
}

.staff-list a {
    height: 100%;
    position: relative;
    width: 100%
}

    .staff-list a:hover h3 {
        text-decoration: underline
    }

.staff-list.research-area .staff-research {
    display: none;
    visibility: hidden
}

.publications-list .publications-year-items, .publications-list .publications-year-list, .publications-list .publications-year-type {
    list-style-type: none !important;
    margin: 0 !important;
    padding-left: 0 !important
}

    .publications-list .publications-year-items > li, .publications-list .publications-year-list > li, .publications-list .publications-year-type > li {
        flex-direction: column
    }

.publications-list .publications-year-list {
    padding-top: 1rem
}

    .publications-list .publications-year-list h2:after {
        display: none
    }

.publications-list .publications-year-items > li {
    flex-direction: column;
    margin-bottom: 1rem
}

    .publications-list .publications-year-items > li > .citation {
        display: flex
    }

        .publications-list .publications-year-items > li > .citation > .citation-text {
            display: flex;
            flex-direction: column;
            flex-grow: 1
        }

            .publications-list .publications-year-items > li > .citation > .citation-text > p {
                margin-bottom: .5rem
            }

    .publications-list .publications-year-items > li > .download {
        align-items: center;
        display: flex;
        height: 30px;
        margin-bottom: 1.5rem
    }

        .publications-list .publications-year-items > li > .download > .icon {
            fill: #636363;
            height: 100%;
            margin-right: .5rem
        }

        .publications-list .publications-year-items > li > .download a {
            border-bottom: 0;
            color: #636363
        }

            .publications-list .publications-year-items > li > .download a:hover {
                border-bottom: 1px solid #ccc;
                color: #b5121b
            }

.publications-list .publications-list-section ul {
    margin-left: 0
}

.publications-list .no-publications-message {
    margin-top: 1rem
}

.publications-list hr {
    border-bottom: 1px dashed #ccc;
    width: 100%
}

#publications .highlight-link {
    margin-top: 1rem
}

@media screen and (min-width:37.5rem) {
    #publications .highlight-link {
        margin-left: 1rem;
        margin-top: 0
    }
}

.foundation-staff-listing {
    background: none;
    padding: 0
}

    .foundation-staff-listing .filter-row-wrapper {
        margin-bottom: 2rem
    }

    .foundation-staff-listing .filter-row {
        margin: 0 auto;
        padding: 1.5rem .9375rem 1rem
    }

        .foundation-staff-listing .filter-row .grid-container {
            margin-top: 0;
            padding: 0
        }

    .foundation-staff-listing .category-label {
        line-height: 2.5rem
    }

    .foundation-staff-listing .no-staff-message {
        display: none
    }

@media screen and (min-width:64rem) {
    .foundation-staff-listing .staff-list .staff-row:not(.research) .name {
        min-height: 5rem
    }
}

.foundation-staff-listing .staff-list .staff-row .feature-title > a {
    border-bottom: 0;
    display: inline-block
}

.foundation-staff-listing .staff-list.hidden {
    display: none
}

.full-width-accordion.staff-group {
    margin: 0;
    padding: 0
}

    .full-width-accordion.staff-group .full-width-accordion-content .staff-list {
        display: flex;
        flex-direction: column;
        padding: 0
    }

    .full-width-accordion.staff-group .accordion-content {
        padding-top: 1rem
    }

@media screen and (max-width:30rem) {
    .staff-group .group-staff-row {
        border-bottom: 1px solid #efefef
    }
}

.staff-group .staff-details {
    margin-top: .5rem
}

    .staff-group .staff-details a {
        border-bottom: 0;
        display: inline-block;
        padding: 0;
        width: auto
    }

        .staff-group .staff-details a:hover, .staff-group .staff-details a:hover h3 {
            border: 0;
            padding: 0
        }

    .staff-group .staff-details h3 {
        background-color: #fff;
        margin-bottom: 0;
        padding: 0
    }

.staff-group .image {
    height: auto
}

.staff-a-z {
    margin-top: 1.5rem
}

    .staff-a-z ul {
        border-bottom: 1px solid #ccc !important;
        padding-bottom: 2rem
    }

@media screen and (max-width:37.4988em) {
    .staff-a-z ul {
        border-bottom: none !important
    }
}

.feedback-panel {
    background-color: var(--background);
    border-left: 1rem solid var(--default);
    margin: 1rem auto;
    padding-bottom: 0;
    padding-top: 0
}

    .feedback-panel svg {
        fill: var(--default);
        height: 3rem;
        width: 3rem
    }

    .feedback-panel h1, .feedback-panel h2 {
        color: var(--default);
        font-family: LexiaBold,georgia,serif;
        font-size: 2rem;
        margin-bottom: 1rem
    }

        .feedback-panel h1:after, .feedback-panel h2:after {
            display: none
        }

    .feedback-panel .container {
        display: grid;
        gap: 1rem;
        grid-template-columns: max-content 1fr;
        grid-template-rows: auto;
        padding: 1rem 0
    }

        .feedback-panel .container p:last-of-type {
            margin-bottom: 0
        }

    .feedback-panel + * {
        margin-top: 1rem
    }

.cnp-alert h2 {
    font-family: EffraBold,arial,helvetica,sans-serif
}

.cnp-alert li:not(:last-child) {
    padding-bottom: .5rem
}

.course-fees-lookup-section {
    padding: 0
}

    .course-fees-lookup-section h2 {
        font-size: 1.625rem
    }

    .course-fees-lookup-section .vue-loader {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 11rem;
        justify-content: center;
        width: 100%
    }

        .course-fees-lookup-section .vue-loader:before {
            background: url(/media/lancaster-university/style-assets/images/slimbox/loading.gif);
            background-position: 50%;
            background-repeat: no-repeat;
            content: "";
            height: 50px;
            width: 50px
        }

    .course-fees-lookup-section .course-fees-lookup .filter-info {
        margin-top: 1rem
    }

        .course-fees-lookup-section .course-fees-lookup .filter-info svg {
            fill: #4b4b4b;
            float: left;
            height: 1.5rem;
            margin-right: 1rem;
            width: 1.5rem
        }

        .course-fees-lookup-section .course-fees-lookup .filter-info p {
            padding-left: 2.5rem
        }

    .course-fees-lookup-section .course-fees-lookup .accordion-panel {
        padding-bottom: 2rem
    }

    .course-fees-lookup-section .course-fees-table {
        border-radius: 5px;
        margin-top: 2rem;
        max-width: 50rem;
        width: 100%
    }

        .course-fees-lookup-section .course-fees-table li:not(.accordion-item) {
            margin-bottom: 2rem
        }

        .course-fees-lookup-section .course-fees-table .accordion-content {
            border: 0;
            padding: 0
        }

            .course-fees-lookup-section .course-fees-table .accordion-content p {
                padding: 0 1rem
            }

        .course-fees-lookup-section .course-fees-table .undergraduate-table {
            margin: 0
        }

            .course-fees-lookup-section .course-fees-table .undergraduate-table tbody {
                border: 0
            }

            .course-fees-lookup-section .course-fees-table .undergraduate-table th {
                font-family: arial,helvetica,sans-serif;
                font-size: 1rem
            }

            .course-fees-lookup-section .course-fees-table .undergraduate-table td, .course-fees-lookup-section .course-fees-table .undergraduate-table th {
                width: 16rem
            }

            .course-fees-lookup-section .course-fees-table .undergraduate-table tr td:first-child, .course-fees-lookup-section .course-fees-table .undergraduate-table tr th:first-child {
                padding-left: 1.5rem
            }

        .course-fees-lookup-section .course-fees-table .bullet {
            margin: .625rem 1.5rem
        }

    .course-fees-lookup-section .course-details-link {
        padding: 1rem
    }

        .course-fees-lookup-section .course-details-link a {
            border-bottom: 0;
            display: block;
            text-align: right
        }

            .course-fees-lookup-section .course-details-link a:hover {
                border-bottom: 0
            }

input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

input {
    overflow: visible
}

label {
    border: 0;
    cursor: pointer;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

textarea {
    border-radius: 5px;
    color: #0a0a0a;
    font: 99% sans-serif;
    font-family: arial,helvetica,sans-serif;
    height: auto;
    margin: 0;
    max-width: 100%;
    min-height: 50px;
    overflow: auto
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2885, 86, 86%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    color: #0a0a0a;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    height: 2.4375rem;
    line-height: 1.5;
    margin: 0 0 1rem;
    padding: .5rem 1.5rem .5rem .5rem;
    text-transform: none;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    width: 100%
}

@media screen and (min-width:0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}

select:disabled {
    background-color: #ccc;
    cursor: not-allowed
}

select[multiple] {
    background-image: none;
    height: auto
}

option {
    background-color: #fff
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    margin-bottom: .5rem;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

.fieldset {
    border: 1px solid #ccc;
    margin: 1.125rem 0;
    padding: 1.25rem
}

    .fieldset legend {
        margin: 0 0 0 -.1875rem;
        padding: 0 .1875rem
    }

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
        appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    appearance: button;
    font: inherit
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #636363;
    border-radius: 5px;
    box-shadow: inset 0 1px 2px rgba(85,86,86,.1);
    box-sizing: border-box;
    color: #0a0a0a;
    display: block;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    height: 2.4375rem;
    line-height: 1.5;
    margin: 0 0 1rem;
    padding: .5rem;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    width: 100%
}

    textarea[rows] {
        height: auto
    }

    input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
        background-color: #efefef;
        cursor: not-allowed
    }

[type=button], [type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px
}

input[type=search] {
    box-sizing: border-box
}

::-moz-placeholder {
    color: #636363
}

::placeholder {
    color: #636363
}

[type=checkbox], [type=file], [type=radio] {
    margin: 0 0 1rem
}

    [type=checkbox] + label, [type=radio] + label {
        display: inline-block;
        margin-bottom: 0;
        margin-left: .5rem;
        margin-right: 1rem;
        vertical-align: baseline
    }

        [type=checkbox] + label[for], [type=radio] + label[for] {
            cursor: pointer
        }

label > [type=checkbox], label > [type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label.middle {
    margin: 0 0 1rem;
    padding: .5625rem 0
}

.help-text {
    color: #0a0a0a;
    font-size: .8125rem;
    font-style: italic;
    margin-top: -.5rem
}

.input-group {
    align-items: stretch;
    display: flex;
    margin-bottom: 1rem;
    width: 100%
}

    .input-group > :first-child, .input-group > :first-child.input-group-button > * {
        border-radius: 5px 0 0 5px
    }

    .input-group > :last-child, .input-group > :last-child.input-group-button > * {
        border-radius: 0 5px 5px 0
    }

.input-group-button, .input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label, .input-group-field, .input-group-label {
    margin: 0;
    white-space: nowrap
}

.input-group-label {
    align-items: center;
    background: #ccc;
    border: 1px solid #959595;
    color: #0a0a0a;
    display: flex;
    flex: 0 0 auto;
    padding: 0 1rem;
    text-align: center;
    white-space: nowrap
}

    .input-group-label:first-child {
        border-right: 0
    }

    .input-group-label:last-child {
        border-left: 0
    }

.input-group-field {
    border-radius: 0;
    flex: 1 1 0px;
    min-width: 0
}

.input-group-button {
    display: flex;
    flex: 0 0 auto;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center
}

    .input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label {
        align-self: stretch;
        font-size: 1rem;
        height: auto;
        padding-bottom: 0;
        padding-top: 0
    }

.is-invalid-input:not(:focus) {
    background-color: #fdeeec;
    border-color: red
}

    .is-invalid-input:not(:focus)::-moz-placeholder {
        color: red
    }

    .is-invalid-input:not(:focus)::placeholder {
        color: red
    }

.is-invalid-label {
    color: red
}

.form-error {
    color: red;
    display: none;
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: -.5rem
}

    .form-error.is-visible {
        display: block
    }

input, select {
    color: #0a0a0a;
    font: 99% sans-serif;
    font-family: Arial,Helvetica,sans-serif
}

    input:not([type=radio],[type=checkbox]), select {
        vertical-align: middle
    }

@supports (-webkit-appearance:none) or (-moz-appearance:none) {
    input[type=checkbox] {
        --active: #b5121b;
        --border: #ccc;
        --focus: 2px hsla(0,0%,58%,.75);
        --background: #fff;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: var(--background);
        border: 1px solid #ccc;
        border-radius: 5px;
        cursor: pointer;
        display: inline-block;
        flex: 0 0 auto;
        height: 30px;
        margin-bottom: .5rem;
        margin-right: .5rem;
        outline: 0;
        position: relative;
        transition: background .3s,border-color .3s,box-shadow .2s;
        vertical-align: top;
        width: 30px
    }

    @media screen and (min-width:64rem) {
        input[type=checkbox] {
            height: 21px;
            width: 21px
        }
    }

    input[type=radio] {
        --active: #b5121b;
        --border: #ccc;
        --focus: 2px hsla(0,0%,58%,.75);
        --background: #fff;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: var(--background);
        border: 1px solid #ccc;
        border-radius: 50%;
        cursor: pointer;
        display: inline-block;
        height: 30px;
        margin-right: .25rem;
        outline: 0;
        position: relative;
        transition: background .3s,border-color .3s,box-shadow .2s;
        vertical-align: top;
        width: 30px
    }

    @media screen and (min-width:64rem) {
        input[type=radio] {
            height: 21px;
            width: 21px
        }
    }

    input[type=checkbox]:after, input[type=radio]:after {
        content: "";
        display: block;
        left: 0;
        position: absolute;
        top: 0
    }

    input[type=checkbox]:after {
        border: 3px solid #fff;
        border-left: 0;
        border-top: 0;
        height: 14px;
        left: 9px;
        top: 6px;
        transform: rotate(30deg);
        width: 10px
    }

    @media screen and (min-width:64rem) {
        input[type=checkbox]:after {
            border: 2px solid #fff;
            border-left: 0;
            border-top: 0;
            height: 9px;
            left: 7px;
            top: 4px;
            width: 5px
        }
    }

    input[type=radio]:after {
        background: #fff;
        border-radius: 50%;
        height: 28px;
        opacity: 0;
        transform: scale(.5);
        width: 28px
    }

    @media screen and (min-width:64rem) {
        input[type=radio]:after {
            height: 19px;
            width: 19px
        }
    }

    input[type=radio]:checked {
        opacity: .5
    }
}

input[type=checkbox]:checked, input[type=radio]:checked {
    background: var(--active);
    opacity: 1
}

input[type=checkbox]:after, input[type=radio]:after {
    opacity: 1
}

input[type=checkbox] + label, input[type=radio] + label {
    margin-left: 0;
    vertical-align: middle
}

input[type=button], input[type=image], input[type=submit], label {
    cursor: pointer
}

input:invalid, textarea:invalid {
    border-radius: 1px;
    box-shadow: 0 0 5px red
}

textarea.contenteditable {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#form-hp {
    display: none
}

.form-container .form-section {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem 0
}

.form-container .section-label {
    color: #000;
    font-family: arial,helvetica,sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
    width: 100%
}

.form-container .section-inputs {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

    .form-container .section-inputs > div {
        margin-bottom: 1rem
    }

.form-container .section-input {
    display: block;
    width: 100%
}

    .form-container .section-input label {
        font-size: 1rem;
        margin-bottom: .375rem
    }

    .form-container .section-input input {
        margin-bottom: 0
    }

.form-container .input-group .input-group-label {
    border-radius: 0
}

.form-container .input-group .input-group-field {
    padding-left: 1rem
}

.form-container .further-information, .form-container .further-information-table {
    border: 1px solid #ccc;
    font-size: .9375rem;
    margin-bottom: .5rem;
    padding: 1rem;
    width: 100%
}

    .form-container .further-information-table p, .form-container .further-information p {
        margin-bottom: .5rem
    }

        .form-container .further-information-table p:last-child, .form-container .further-information p:last-child {
            margin: 0
        }

    .form-container .further-information-table ul, .form-container .further-information ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0
    }

        .form-container .further-information-table ul li, .form-container .further-information ul li {
            margin-right: 2%;
            width: 48%
        }

.form-container .further-information-table {
    padding: 0
}

    .form-container .further-information-table table {
        margin: 0
    }

    .form-container .further-information-table th {
        font-size: 1rem
    }

    .form-container .further-information-table td {
        font-size: .9375rem
    }

.form-container .select-group {
    width: 100%
}

    .form-container .select-group label {
        font-size: 1rem;
        margin-bottom: .375rem
    }

    .form-container .select-group select {
        margin-bottom: .375rem
    }

.form-container .prompt {
    font-weight: 700;
    margin-bottom: .5rem
}

.form-container .radio {
    margin-bottom: .75rem
}

    .form-container .radio, .form-container .radio label {
        align-items: center;
        display: flex
    }

        .form-container .radio input {
            margin: 0 .5rem 0 0
        }

.form-container .info-label {
    display: flex
}

    .form-container .info-label label {
        width: 100%
    }

    .form-container .info-label .info-label-text {
        margin: 0 .5rem .5rem 0
    }

        .form-container .info-label .info-label-text.full-width {
            width: 100%
        }

.form-container .information-icon, .form-container .label-icon {
    cursor: pointer;
    height: 20px;
    width: 20px
}

    .form-container .information-icon.active, .form-container .information-icon.active svg, .form-container .label-icon.active, .form-container .label-icon.active svg {
        fill: #b5121b
    }

    .form-container .information-icon svg, .form-container .label-icon svg {
        height: 20px;
        width: 20px
    }

.form-container .submit {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    margin: 0 auto 2rem
}

.form-container .section-information-box {
    align-items: center;
    background-color: #324147;
    border: 1px solid #324147;
    color: #fff;
    display: flex;
    font-family: arial,helvetica,sans-serif;
    font-size: 1rem;
    margin-bottom: 1rem;
    padding: .75rem 1rem
}

    .form-container .section-information-box > svg {
        fill: #fff;
        height: 1.5rem;
        margin-right: 1rem;
        width: 1.5rem
    }

    .form-container .section-information-box .information-text {
        width: 100%
    }

        .form-container .section-information-box .information-text p {
            margin: 0 0 .5rem;
            width: 100%
        }

            .form-container .section-information-box .information-text p > svg {
                fill: #fff;
                height: 1.25rem;
                width: 1.5rem
            }

            .form-container .section-information-box .information-text p:last-child {
                margin-bottom: 0
            }

    .form-container .section-information-box.last-year-disclaimer {
        width: 100%
    }

@media screen and (min-width:37.5rem) {
    .form-container .radio-group.half-width, .form-container .section-input.half-width, .form-container .section-radio.half-width, .form-container .select-group.half-width {
        margin-right: 3%;
        width: 47%
    }

    .form-container .two-thirds-width {
        width: 66.66%
    }

    .form-container .one-thirds-width {
        width: 33.33%
    }
}

@media screen and (min-width:64rem) {
    .form-container .section-label {
        width: 16.66%
    }

    .form-container .section-inputs {
        width: 83.33%
    }

    .form-container .section-information-box {
        width: 80%
    }
}

.student-funding-calculator-section {
    padding-bottom: 0
}

    .student-funding-calculator-section .vue-loader {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 11rem;
        justify-content: center;
        width: 100%
    }

        .student-funding-calculator-section .vue-loader:before {
            background: url(/media/lancaster-university/style-assets/images/slimbox/loading.gif);
            background-position: 50%;
            background-repeat: no-repeat;
            content: "";
            height: 50px;
            width: 50px
        }

        .student-funding-calculator-section .vue-loader h2 {
            font-size: 1.625rem
        }

.student-funding-calculator .form-container .further-information .benefits ul {
    font-size: .875rem;
    list-style: square;
    margin: 0 1rem .5rem
}

@media screen and (min-width:64rem) {
    .student-funding-calculator .form-container .further-information .benefits {
        width: 200%
    }
}

.student-funding-calculator .form-container .further-information .independence ul {
    font-size: .875rem;
    list-style: square;
    margin: 0 1rem .5rem
}

    .student-funding-calculator .form-container .further-information .independence ul li {
        margin-right: 0;
        width: 100%
    }

.student-funding-calculator .form-container .further-information .submit:disabled {
    opacity: .5
}

.student-funding-calculator .results-container {
    background: #efefef;
    padding: 0;
    width: 100%
}

    .student-funding-calculator .results-container .results {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        margin: auto;
        max-width: 75rem;
        padding-bottom: 1rem;
        padding-top: 1rem
    }

@media screen and (min-width:64rem) {
    .student-funding-calculator .results-container .results {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

.student-funding-calculator .results-container .results h3 {
    width: 100%
}

.student-funding-calculator .results-container .results table {
    margin: 0 auto
}

.student-funding-calculator .results-container .results .cell {
    padding: 0
}

.student-funding-calculator .results-container .results-disclaimer {
    font-size: .9375rem;
    padding-right: 52%
}

.student-funding-calculator .results-container .funding-table {
    border: 1px solid #ccc;
    margin-bottom: 1rem
}

.student-funding-calculator .results-container .table-amount td:first-child {
    padding-left: 2rem
}

.student-funding-calculator .results-container .further-info {
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 1rem;
    padding: 1rem
}

    .student-funding-calculator .results-container .further-info ul {
        list-style: initial;
        margin-left: 1rem
    }

.student-funding-calculator .results-container .further-info-small p {
    font-size: .875rem;
    margin-bottom: 0
}

.student-funding-calculator .results-container .further-info-small ol {
    font-size: .875rem;
    margin-bottom: 0;
    margin-left: 1rem;
    padding-left: 0
}

@media (min-width:50rem) {
    .student-funding-calculator .results-container .half-width-mediumlarge {
        margin-right: 4%;
        width: 48%
    }

        .student-funding-calculator .results-container .half-width-mediumlarge:nth-of-type(2n) {
            margin-right: 0
        }

    .student-funding-calculator .results-container .further-info:first-child {
        margin-top: 0
    }
}

.scholarships, .scholarships-item, .scholarships-item + .content, .scholarships-listing {
    --light-transparent: rgba(196,218,229,.5);
    --lightest: #c4dae5;
    --light: #70a7c2;
    --medium: #417b98;
    --dark: #244352;
    --dark-text: #244352;
    --button: #417b98;
    --button-hover: #244352;
    --contrast-button: #417b98;
    --contrast-button-hover: #506975;
    --award: #8a3e65;
    --icon: #244352;
    --icon-background: #c4dae5
}

    .scholarships .filter-row {
        background-color: #fff;
        margin-bottom: 1.5rem;
        padding: 0
    }

        .scholarships .filter-row .filter {
            width: 100%
        }

@media screen and (min-width:37.5rem) {
    .scholarships .filter-row .filter {
        width: 40%
    }
}

.scholarships .auto-award {
    align-items: center;
    border-radius: 0;
    color: var(--award,--dark);
    display: flex;
    font-size: 1.063rem;
    font-weight: 700;
    padding-top: .25rem
}

    .scholarships .auto-award svg {
        flex: 0 0 35px;
        margin-right: 1rem
    }

    .scholarships .auto-award > svg > path {
        fill: var(--award,--dark)
    }

.scholarships .scholarship-listing ul:first-child {
    display: grid;
    gap: 1rem
}

@media screen and (min-width:64rem) {
    .scholarships .scholarship-listing ul:first-child {
        gap: 2rem;
        grid-template-columns: repeat(2,1fr)
    }
}

.scholarships .scholarship-listing ul:first-child > li {
    background-color: #efefef;
    cursor: pointer;
    margin: 0;
    padding: 1.5rem
}

    .scholarships .scholarship-listing ul:first-child > li:hover a {
        text-decoration: underline
    }

    .scholarships .scholarship-listing ul:first-child > li ul {
        margin: 0
    }

    .scholarships .scholarship-listing ul:first-child > li:focus-within {
        outline: 3px solid #0f8ce6;
        outline-offset: 2px;
        z-index: 8
    }

.scholarships .scholarship-listing ul:first-child.accordion {
    gap: 0;
    grid-template-columns: auto
}

    .scholarships .scholarship-listing ul:first-child.accordion li {
        background-color: #fff;
        padding: 0
    }

.scholarships .scholarship-listing h3 {
    border: 0;
    font-family: EffraBold,arial,helvetica,sans-serif
}

    .scholarships .scholarship-listing h3 a {
        border-bottom: 0;
        color: var(--dark-text);
        outline: none
    }

        .scholarships .scholarship-listing h3 a:hover {
            color: var(--button);
            text-decoration: underline
        }

        .scholarships .scholarship-listing h3 a:after {
            bottom: 0;
            content: "";
            cursor: pointer;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

.scholarships .scholarship-listing .item-description {
    margin: 1rem 0
}

.scholarships .scholarship-listing .item-details {
    background-color: #fff;
    border-left: 4px solid var(--light);
    margin: 0;
    padding: .75rem 1rem
}

.scholarships:not(.course-section) h2 {
    margin-bottom: 1rem
}

    .scholarships:not(.course-section) h2:after {
        display: none
    }

.scholarships:not(.course-section) select {
    background-position-x: 100%;
    background-position-y: 5px;
    background-size: 12px;
    height: auto;
    margin: 0;
    width: auto
}

.scholarships:not(.course-section) .filters {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin: 1.5rem 0
}

@media screen and (min-width:64rem) {
    .scholarships:not(.course-section) .filters {
        align-items: baseline;
        flex-direction: row;
        gap: 1.5rem;
        margin: 1.5rem 0 3rem
    }
}

.scholarships:not(.course-section) .filter {
    align-items: center;
    border: 4px solid var(--light);
    border-radius: 5px;
    color: var(--dark);
    display: flex;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 1;
    min-height: 3.5rem;
    padding: 0 1rem
}

@media screen and (min-width:64rem) {
    .scholarships:not(.course-section) .filter {
        flex: 0 1 auto;
        font-size: 1.125rem;
        min-height: 4rem
    }
}

.scholarships:not(.course-section) .filter label {
    margin-right: 1rem
}

.scholarships:not(.course-section) .scholarship-listing p {
    margin-bottom: .25rem
}

.scholarships select {
    background-position-x: 100%;
    background-position-y: 5px;
    background-size: 12px;
    height: auto;
    margin: 0
}

.scholarships-listing table, .scholarships table {
    display: block;
    margin-bottom: 1.5rem;
    margin-top: 0
}

@media screen and (min-width:64rem) {
    .scholarships-listing table, .scholarships table {
        display: table
    }
}

.scholarships-listing table thead, .scholarships table thead {
    background-color: var(--lightest);
    border: none;
    color: var(--dark);
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px
}

@media screen and (min-width:64rem) {
    .scholarships-listing table thead, .scholarships table thead {
        position: static
    }
}

.scholarships-listing table thead th, .scholarships table thead th {
    border: none;
    font-family: EffraBold,arial,helvetica,sans-serif;
    font-size: 1.5rem;
    padding: 1rem 1.5rem
}

.scholarships-listing table tbody, .scholarships table tbody {
    background-color: #efefef;
    border: none;
    display: block;
    padding: .5rem .9375rem
}

@media screen and (min-width:64rem) {
    .scholarships-listing table tbody, .scholarships table tbody {
        display: table-row-group
    }
}

.scholarships-listing table tbody a, .scholarships table tbody a {
    border-bottom: .0625rem solid transparent;
    color: var(--dark-text);
    padding-bottom: .0625rem
}

.scholarships-listing table tbody tr, .scholarships table tbody tr {
    background-color: #efefef;
    border-bottom: 1px dashed #a6a6a6
}

@media screen and (min-width:64rem) {
    .scholarships-listing table tbody tr, .scholarships table tbody tr {
        border: none
    }
}

.scholarships-listing table tbody tr:last-child, .scholarships table tbody tr:last-child {
    border-bottom: none
}

.scholarships-listing table th[role=rowheader], .scholarships table th[role=rowheader] {
    display: block;
    padding: 1rem .5rem .5rem
}

@media screen and (min-width:64rem) {
    .scholarships-listing table th[role=rowheader], .scholarships table th[role=rowheader] {
        display: table-cell;
        padding: 1rem 1.5rem
    }
}

.scholarships-listing table th[role=rowheader] a, .scholarships table th[role=rowheader] a {
    font-size: 1.25rem
}

@media screen and (min-width:64rem) {
    .scholarships-listing table th[role=rowheader] a, .scholarships table th[role=rowheader] a {
        font-size: inherit
    }
}

.scholarships-listing table tr, .scholarships table tr {
    display: block
}

@media screen and (min-width:64rem) {
    .scholarships-listing table tr, .scholarships table tr {
        display: table-row
    }
}

.scholarships-listing table td, .scholarships table td {
    display: block;
    padding: 0 .5rem .5rem
}

@media screen and (min-width:64rem) {
    .scholarships-listing table td, .scholarships table td {
        display: table-cell;
        padding: 1rem 1.5rem
    }
}

.scholarships-listing table td:last-child, .scholarships table td:last-child {
    padding-bottom: 1rem
}

.scholarships-listing table + p, .scholarships table + p {
    margin-top: 1.5rem
}

.scholarships-listing table .narrow-th, .scholarships table .narrow-th {
    color: #000;
    display: block;
    font-weight: 700
}

@media screen and (min-width:64rem) {
    .scholarships-listing table .narrow-th, .scholarships table .narrow-th {
        display: none;
        visibility: hidden
    }
}

.scholarships-item > h2 {
    margin-bottom: 1rem
}

    .scholarships-item > h2:after {
        display: none
    }

.scholarships-item table {
    background-color: #efefef;
    border-collapse: separate;
    border-left: 4px solid var(--light);
    border-radius: 0;
    display: block;
    font-size: 1.125rem;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 1rem;
    width: 100%
}

@media screen and (min-width:64rem) {
    .scholarships-item table {
        display: table;
        margin-bottom: 1.5rem;
        padding: 1rem;
        width: 75%
    }
}

.scholarships-item table thead th {
    border: none;
    color: #fff
}

.scholarships-item table tbody {
    background-color: #efefef;
    border: 0
}

    .scholarships-item table tbody tr {
        background-color: #efefef;
        border-bottom: 1px dashed #a6a6a6;
        padding: 1rem 0
    }

        .scholarships-item table tbody tr:last-child {
            border-bottom: 0
        }

@media screen and (min-width:64rem) {
    .scholarships-item table tbody tr {
        border-bottom: none;
        padding: 0
    }
}

.scholarships-item table tbody td, .scholarships-item table tbody th {
    border: none;
    padding: 0
}

@media screen and (min-width:64rem) {
    .scholarships-item table tbody td, .scholarships-item table tbody th {
        padding: .5rem 1rem
    }
}

.scholarships-item table tbody td {
    font-size: 1rem;
    vertical-align: middle
}

@media screen and (min-width:64rem) {
    .scholarships-item table tbody td {
        font-size: 1.125rem
    }
}

.scholarships-item table tbody p {
    width: 100%
}

.scholarships-item table tr {
    display: block
}

@media screen and (min-width:64rem) {
    .scholarships-item table tr {
        display: table-row
    }
}

.scholarships-item table td {
    display: block
}

@media screen and (min-width:64rem) {
    .scholarships-item table td {
        display: table-cell
    }
}

.scholarships-item + .content {
    padding-top: 0
}

.one-search {
    background: #efefef;
    margin: 0
}

    .one-search .one-search-header {
        text-align: center
    }

    .one-search h2:after {
        margin: 1rem auto
    }

    .one-search .one-search-links {
        align-items: center;
        display: flex;
        justify-content: center
    }

        .one-search .one-search-links > li:first-child {
            margin-right: 2rem
        }

    .one-search .one-search-form {
        display: flex;
        flex-wrap: wrap
    }

        .one-search .one-search-form > input {
            border-radius: 5px 0 0 5px;
            height: auto;
            width: 100%
        }

        .one-search .one-search-form > select {
            height: auto;
            margin-right: 5%;
            width: 47.5%
        }

        .one-search .one-search-form > a {
            width: 47.5%
        }

@media screen and (min-width:37.5rem) {
    .one-search .one-search-form {
        margin-bottom: 1rem
    }

        .one-search .one-search-form > input {
            margin: 0;
            width: 60%
        }

        .one-search .one-search-form > select {
            border-left-width: 0;
            border-radius: 0;
            border-right-width: 0;
            margin: 0;
            width: 30%
        }

        .one-search .one-search-form > a {
            background-color: #b5121b;
            background-color: var(--button);
            border-radius: 5px;
            color: #fff;
            font-weight: 700;
            margin: 0 0 0 1%;
            padding: .85rem 1rem;
            width: 9%
        }

            .one-search .one-search-form > a:hover {
                background-color: #7f0d13;
                background-color: var(--button-hover)
            }
}

article.kef-case-study img + h2 {
    margin-top: 2rem
}

article.kef-case-study .foundation-tab-panel .tabs-content-wrapper {
    margin: -3px 0 0
}

article.kef-case-study aside .panel svg {
    fill: var(--dark-text);
    height: 1.6rem;
    vertical-align: text-top;
    width: 1.6rem
}

article.kef-case-study aside .panel p {
    font-size: .9rem
}

section.heading + .multimedia-gallery {
    padding-top: 0
}

@media screen and (min-width:37.5rem) {
    section.heading + .multimedia-gallery {
        margin-top: -1rem
    }
}

.multimedia-gallery {
    padding-bottom: 0
}

@media screen and (min-width:64rem) {
    .multimedia-gallery {
        padding-bottom: 3rem
    }
}

.multimedia-gallery.no-background .card-carousel {
    padding-top: 0
}

@media screen and (min-width:37.5rem) {
    .multimedia-gallery.no-background {
        padding-bottom: 1rem
    }
}

@media screen and (min-width:64rem) {
    .multimedia-gallery.no-background {
        padding-bottom: 3rem
    }
}

.multimedia-gallery .card-wrapper {
    overflow: hidden
}

.multimedia-gallery .card-image {
    background: #4b4b4b;
    background-size: cover;
    padding: 0 0 80%;
    position: relative
}

@media screen and (min-width:37.5rem) {
    .multimedia-gallery .card-image {
        padding-bottom: 57.2%
    }
}

.multimedia-gallery .card-image img {
    height: 100%;
    left: 50%;
    max-width: none;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: auto
}

.multimedia-gallery .card-image iframe {
    border: 0;
    height: 71%;
    position: absolute;
    top: 14.5%;
    width: 100%
}

@media screen and (min-width:37.5rem) {
    .multimedia-gallery .card-image iframe {
        height: 100%;
        top: 0
    }
}

.multimedia-gallery .card-content {
    padding: 1.5rem 1rem
}

    .multimedia-gallery .card-content h2, .multimedia-gallery .card-content h3 {
        display: block;
        font-size: 1.5rem;
        margin-bottom: 1rem;
        text-align: center
    }

        .multimedia-gallery .card-content h2:after {
            border-bottom: 0;
            margin: 0
        }

    .multimedia-gallery .card-content a {
        text-align: center
    }

.multimedia-gallery .audio-description {
    border-top: 1px dashed #ccc;
    margin-top: 1.5rem;
    padding-top: 1rem
}

    .multimedia-gallery .audio-description h3, .multimedia-gallery .audio-description h4 {
        font-size: 1.375rem;
        font-weight: 700;
        margin-bottom: 1rem;
        text-align: center
    }

    .multimedia-gallery .audio-description audio {
        display: block;
        margin: 0 auto;
        max-width: 300px;
        width: 100%
    }

@media screen and (min-width:64rem) {
    .multimedia-gallery {
        background: #fff
    }

        .multimedia-gallery .card-carousel {
            display: none
        }
}

.multimedia-gallery-slideshow {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 .9375rem;
    position: relative
}

    .multimedia-gallery-slideshow .slideshow-tabs {
        align-items: center;
        display: flex;
        height: 100px;
        justify-content: space-between;
        left: 40px;
        position: absolute;
        top: 400px;
        width: 600px
    }

@media (min-width:1200px) {
    .multimedia-gallery-slideshow .slideshow-tabs {
        left: 135px;
        top: 510px
    }
}

.multimedia-gallery-slideshow .slideshow-tabs button {
    background: none;
    padding: 0
}

.multimedia-gallery-slideshow .slideshow-tabs .slideshow-tabs-images {
    flex-grow: 1;
    height: 100%;
    margin: 0 2rem;
    overflow: hidden;
    position: relative
}

.multimedia-gallery-slideshow .slideshow-tabs .slideshow-tabs-image {
    border-radius: 0;
    height: 70px;
    left: -200px;
    overflow: hidden;
    position: absolute;
    top: 15px;
    width: 122.5px
}

    .multimedia-gallery-slideshow .slideshow-tabs .slideshow-tabs-image:hover {
        opacity: .9
    }

    .multimedia-gallery-slideshow .slideshow-tabs .slideshow-tabs-image.is-selected {
        height: 85px;
        top: 7.5px;
        width: 149px
    }

    .multimedia-gallery-slideshow .slideshow-tabs .slideshow-tabs-image.is-middle {
        left: 50%;
        transform: translateX(-50%)
    }

    .multimedia-gallery-slideshow .slideshow-tabs .slideshow-tabs-image.is-right {
        left: auto;
        right: 0
    }

    .multimedia-gallery-slideshow .slideshow-tabs .slideshow-tabs-image.is-left {
        left: 0
    }

    .multimedia-gallery-slideshow .slideshow-tabs .slideshow-tabs-image.is-first {
        left: 15%
    }

    .multimedia-gallery-slideshow .slideshow-tabs .slideshow-tabs-image.is-last {
        left: auto;
        right: 15%
    }

    .multimedia-gallery-slideshow .slideshow-tabs .slideshow-tabs-image img:first-of-type {
        background-color: #4b4b4b;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%
    }

    .multimedia-gallery-slideshow .slideshow-tabs .slideshow-tabs-image .btn-video-overlay {
        height: 35px;
        padding: 7px 0;
        width: 53px
    }

.multimedia-gallery-slideshow .slideshow-tabs .slideshow-arrow {
    fill: #636363;
    height: 2.5rem;
    opacity: .85;
    width: 2.5rem
}

    .multimedia-gallery-slideshow .slideshow-tabs .slideshow-arrow:hover {
        opacity: 1
    }

.multimedia-gallery-slideshow .slideshow-content {
    align-items: flex-start;
    display: flex;
    width: 100%
}

    .multimedia-gallery-slideshow .slideshow-content .slideshow-tabpanel {
        display: none
    }

        .multimedia-gallery-slideshow .slideshow-content .slideshow-tabpanel.is-active {
            align-items: flex-start;
            display: flex;
            width: 100%
        }

        .multimedia-gallery-slideshow .slideshow-content .slideshow-tabpanel:focus {
            outline: 3px solid #0f8ce6;
            outline-offset: 2px;
            z-index: 8
        }

        .multimedia-gallery-slideshow .slideshow-content .slideshow-tabpanel .slideshow-item {
            flex-grow: 1;
            flex-shrink: 0;
            height: 371px;
            margin-bottom: 135px;
            min-width: 0;
            overflow: hidden;
            position: relative;
            width: 650px
        }

@media (min-width:1200px) {
    .multimedia-gallery-slideshow .slideshow-content .slideshow-tabpanel .slideshow-item {
        height: 480px;
        width: 840px
    }
}

.multimedia-gallery-slideshow .slideshow-content .slideshow-tabpanel .slideshow-item iframe, .multimedia-gallery-slideshow .slideshow-content .slideshow-tabpanel .slideshow-item img {
    border: 0;
    outline: 0
}

.multimedia-gallery-slideshow .slideshow-content .slideshow-tabpanel .slideshow-item img {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.multimedia-gallery-slideshow .slideshow-content .slideshow-tabpanel .slideshow-item iframe {
    height: 100%;
    width: 100%
}

.multimedia-gallery-slideshow .slideshow-content .slideshow-tabpanel .slideshow-text {
    margin-left: 2.5rem
}

    .multimedia-gallery-slideshow .slideshow-content .slideshow-tabpanel .slideshow-text h2 {
        font-size: 2.25rem;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1rem
    }

        .multimedia-gallery-slideshow .slideshow-content .slideshow-tabpanel .slideshow-text h2:after {
            border-bottom: 0;
            margin: 0
        }

    .multimedia-gallery-slideshow .slideshow-content .slideshow-tabpanel .slideshow-text > h3:first-child {
        font-weight: 700
    }

    .multimedia-gallery-slideshow .slideshow-content .slideshow-tabpanel .slideshow-text h3 {
        text-align: left
    }

    .multimedia-gallery-slideshow .slideshow-content .slideshow-tabpanel .slideshow-text p:last-child {
        margin-bottom: 0
    }

section.libchat-widget {
    background-color: #f9f9f9;
    padding: 0
}

div.libchat-widget {
    padding: 0
}

    div.libchat-widget .lci_chat_load {
        border: none;
        padding-bottom: 3rem;
        padding-top: 3rem
    }

.simple-image [data-size=small] {
    margin-left: auto;
    margin-right: auto;
    max-width: 75rem;
    padding-left: .9375rem;
    padding-right: .9375rem
}

    .simple-image [data-size=small] figure {
        width: 100%
    }

@media screen and (min-width:64rem) {
    .simple-image [data-size=small] figure {
        width: 75%
    }
}

.simple-image [data-size=large] {
    margin-left: auto;
    margin-right: auto;
    max-width: 75rem;
    padding-left: .9375rem;
    padding-right: .9375rem
}

.simple-image [data-size=full] {
    width: 100%
}

    .simple-image [data-size=full] img {
        max-height: 75vh;
        -o-object-fit: cover;
        object-fit: cover
    }

    .simple-image [data-size=full] figcaption {
        padding: 1rem
    }

.simple-image img {
    max-height: 80vh;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.simple-image figcaption {
    background: none;
    border-top: none;
    color: #4b4b4b;
    color: var(--dark-text);
    font-size: .9rem;
    margin: 0 auto;
    max-width: 75rem;
    padding: 1rem 0
}

    .simple-image figcaption * {
        line-height: 1.5
    }

.simple-image .photo-credit {
    font-size: .8rem;
    padding-top: 3px
}

.simple-image figcaption:after {
    border-bottom: 2px solid #a6a6a6;
    border-bottom: 2px solid var(--medium);
    content: "";
    display: block;
    margin: 1rem 0 0;
    width: 50px
}

main .simple-image:last-child {
    padding-bottom: 3rem
}

@media screen and (min-width:37.5rem) {
    main .simple-image:last-child {
        padding-bottom: 1.5rem
    }
}

.image-feature-panel p {
    margin-bottom: 0
}

.image-feature-panel .card {
    padding: 1.5rem 0
}

    .image-feature-panel .card div, .image-feature-panel .card figcaption {
        background: none;
        border: none;
        padding: 1rem 0 0
    }

@media screen and (min-width:37.5rem) {
    .image-feature-panel .intro {
        max-width: 80%
    }

    .image-feature-panel .feature-panel-cards {
        padding-top: 2rem
    }

    .image-feature-panel .wide-columns {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: auto;
        row-gap: 1rem;
        row-gap: 1.5rem
    }

        .image-feature-panel .wide-columns .card:last-of-type:nth-of-type(odd) {
            -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
            -moz-column-gap: 3rem;
            column-gap: 3rem;
            display: grid;
            grid-column: span 2;
            grid-template-columns: repeat(2,1fr);
            grid-template-rows: auto;
            row-gap: 1rem
        }

            .image-feature-panel .wide-columns .card:last-of-type:nth-of-type(odd) div, .image-feature-panel .wide-columns .card:last-of-type:nth-of-type(odd) figcaption {
                padding-top: 0
            }

    .image-feature-panel .narrow-columns {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: auto;
        row-gap: 1rem;
        row-gap: 1.5rem
    }

    .image-feature-panel .card {
        padding: 0
    }
}

@media (min-width:75rem) {
    .image-feature-panel {
        -moz-column-gap: 3rem;
        column-gap: 3rem;
        display: grid;
        grid-template-columns: 1fr 4fr;
        grid-template-rows: auto
    }

        .image-feature-panel.wide {
            grid-template-columns: 1fr 3fr
        }

        .image-feature-panel .intro {
            max-width: 100%
        }

        .image-feature-panel .feature-panel-cards {
            padding: 1rem;
            row-gap: 3rem
        }
}

.image-feature-panel picture {
    display: block;
    padding-top: 58.33%;
    position: relative
}

    .image-feature-panel picture > img {
        display: block;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

@media screen and (min-width:37.5rem) {
    .image-feature-panel .narrow-columns {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: auto;
        row-gap: 1rem
    }
}

@media screen and (min-width:64rem) {
    .image-feature-panel .narrow-columns {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: auto;
        row-gap: 1rem
    }
}

.icon-feature-panel p {
    margin-bottom: 0
}

.icon-feature-panel .card div, .icon-feature-panel .card figcaption {
    background: none;
    border: none;
    padding: 1rem 0 0
}

@media screen and (min-width:37.5rem) {
    .icon-feature-panel .intro {
        max-width: 80%
    }

    .icon-feature-panel .feature-panel-cards {
        padding-top: 2rem
    }

    .icon-feature-panel .wide-columns {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: auto;
        row-gap: 1rem;
        row-gap: 1.5rem
    }

        .icon-feature-panel .wide-columns .card:last-of-type:nth-of-type(odd) {
            -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
            -moz-column-gap: 3rem;
            column-gap: 3rem;
            display: grid;
            grid-column: span 2;
            grid-template-columns: repeat(2,1fr);
            grid-template-rows: auto;
            row-gap: 1rem
        }

            .icon-feature-panel .wide-columns .card:last-of-type:nth-of-type(odd) div, .icon-feature-panel .wide-columns .card:last-of-type:nth-of-type(odd) figcaption {
                padding-top: 0
            }

    .icon-feature-panel .narrow-columns {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: auto;
        row-gap: 1rem;
        row-gap: 1.5rem
    }

    .icon-feature-panel .card {
        padding: 0
    }
}

@media (min-width:75rem) {
    .icon-feature-panel {
        -moz-column-gap: 3rem;
        column-gap: 3rem;
        display: grid;
        grid-template-columns: 1fr 4fr;
        grid-template-rows: auto
    }

        .icon-feature-panel.wide {
            grid-template-columns: 1fr 3fr
        }

        .icon-feature-panel .intro {
            max-width: 100%
        }

        .icon-feature-panel .feature-panel-cards {
            padding: 1rem;
            row-gap: 3rem
        }
}

.icon-feature-panel .card {
    padding: 1.5rem 0
}

    .icon-feature-panel .card .icon {
        fill: #4b4b4b;
        fill: var(--icon);
        height: auto;
        width: 25%
    }

    .icon-feature-panel .card figcaption {
        margin-bottom: 0
    }

@media screen and (min-width:37.5rem) {
    .icon-feature-panel .wide-columns .card {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        display: grid;
        grid-template-columns: 1fr 4fr;
        padding: 0
    }

        .icon-feature-panel .wide-columns .card .icon {
            height: auto;
            margin-bottom: 0;
            width: 100%
        }

        .icon-feature-panel .wide-columns .card figcaption {
            padding: 0
        }

        .icon-feature-panel .wide-columns .card:last-of-type:nth-of-type(odd) {
            align-items: center;
            -moz-column-gap: 2rem;
            column-gap: 2rem;
            grid-template-columns: 1fr 11fr
        }

            .icon-feature-panel .wide-columns .card:last-of-type:nth-of-type(odd) .icon {
                margin-bottom: 0;
                width: 100%
            }
}

@media screen and (min-width:75rem) {
    .icon-feature-panel {
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }
}

.text-feature-panel p {
    margin-bottom: 0
}

.text-feature-panel .card {
    padding: 1.5rem 0
}

    .text-feature-panel .card div, .text-feature-panel .card figcaption {
        background: none;
        border: none;
        padding: 1rem 0 0
    }

@media screen and (min-width:37.5rem) {
    .text-feature-panel .intro {
        max-width: 80%
    }

    .text-feature-panel .feature-panel-cards {
        padding-top: 2rem
    }

    .text-feature-panel .wide-columns {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: auto;
        row-gap: 1rem;
        row-gap: 1.5rem
    }

        .text-feature-panel .wide-columns .card:last-of-type:nth-of-type(odd) {
            -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
            -moz-column-gap: 3rem;
            column-gap: 3rem;
            display: grid;
            grid-column: span 2;
            grid-template-columns: repeat(2,1fr);
            grid-template-rows: auto;
            row-gap: 1rem
        }

            .text-feature-panel .wide-columns .card:last-of-type:nth-of-type(odd) div, .text-feature-panel .wide-columns .card:last-of-type:nth-of-type(odd) figcaption {
                padding-top: 0
            }

    .text-feature-panel .narrow-columns {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: auto;
        row-gap: 1rem;
        row-gap: 1.5rem
    }

    .text-feature-panel .card {
        padding: 0
    }
}

@media (min-width:75rem) {
    .text-feature-panel {
        -moz-column-gap: 3rem;
        column-gap: 3rem;
        display: grid;
        grid-template-columns: 1fr 4fr;
        grid-template-rows: auto
    }

        .text-feature-panel.wide {
            grid-template-columns: 1fr 3fr
        }

        .text-feature-panel .intro {
            max-width: 100%
        }

        .text-feature-panel .feature-panel-cards {
            padding: 1rem;
            row-gap: 3rem
        }
}

.text-feature-panel .intro p {
    margin-bottom: 0
}

.text-feature-panel .card {
    background-color: #fff;
    border: 3px solid var(--light);
    box-shadow: 0 4px 8px 0 rgba(17,17,26,.05),0 8px 16px 0 rgba(17,17,26,.05);
    margin: 1.5rem 0;
    padding: 1.5rem
}

    .text-feature-panel .card .card-text {
        padding-top: 0
    }

        .text-feature-panel .card .card-text p {
            padding-bottom: 0
        }

    .text-feature-panel .card h3 {
        font-weight: 700
    }

@media screen and (min-width:37.5rem) {
    .text-feature-panel .feature-panel-cards {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        row-gap: 1.5rem
    }

    .text-feature-panel .wide-columns .card {
        margin: 0
    }

        .text-feature-panel .wide-columns .card:last-of-type:nth-of-type(odd) {
            display: block
        }
}

.call-to-action-button .wrapper {
    background-color: var(--background);
    border-left: 8px solid var(--medium);
    padding: 1.5rem
}

.call-to-action-button h2, .call-to-action-button h3 {
    margin-bottom: .5rem
}

    .call-to-action-button h2:after, .call-to-action-button h3:after {
        display: none
    }

.call-to-action-button .text {
    margin: 0;
    max-width: 75ch
}

    .call-to-action-button .text p {
        font-size: 1.125rem
    }

.call-to-action-button .button {
    --btn-font-large: 1.5rem;
    --btn-font-small: 1.25rem;
    background-color: #b5121b;
    background-color: var(--button);
    color: #fff;
    font-family: EffraBold,arial,helvetica,sans-serif;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
    padding: .85rem 1rem
}

@media screen and (min-width:64rem) {
    .call-to-action-button .button {
        font-size: var(--btn-font-large);
        padding: 1.15rem 1.25rem
    }
}

.call-to-action-button .button:hover {
    background-color: #7f0d13;
    background-color: var(--button-hover)
}

@media screen and (min-width:64rem) {
    .call-to-action-button .button {
        max-width: 75%
    }
}

.call-to-action-button .button.media:before {
    content: url(/media/wdp/style-assets/images/svg/file-download-white.svg);
    height: 30px;
    margin-right: 10px;
    width: 30px
}

@media screen and (min-width:37.5rem) {
    .call-to-action-button .wrapper {
        max-width: 75%
    }

    .call-to-action-button .text p {
        font-size: 1.1875rem
    }
}

.call-to-action-button + .call-to-action-button, .content + .call-to-action-button {
    padding-top: 0
}

#dev-override-notice {
    background-color: #004a00;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif,Segoe UI emoji;
    padding: .2rem
}

    #dev-override-notice p {
        margin-bottom: 0
    }

    #dev-override-notice button {
        background-color: #fff;
        border: 1px solid #566241;
        border-radius: 0;
        color: #004a00;
        font-weight: 700;
        margin: 0;
        padding: .3rem
    }

.single-accordion {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: block;
    margin: 1.5rem 0;
    width: 100%
}

    .single-accordion .title {
        align-items: center;
        border: 0;
        border-radius: 5px;
        cursor: pointer;
        display: flex;
        padding: 1rem;
        position: relative
    }

        .single-accordion .title:hover {
            background-color: var(--light-background);
            color: #000
        }

        .single-accordion .title::-webkit-details-marker {
            display: none
        }

        .single-accordion .title h3 {
            align-items: center;
            color: #4b4b4b;
            color: var(--dark-text);
            display: inline-flex;
            font-family: unset;
            font-size: 1.125rem;
            font-weight: 700;
            margin-bottom: 0
        }

@media screen and (min-width:37.5rem) {
    .single-accordion .title h3 {
        font-size: 1.25rem
    }
}

.single-accordion .title h3:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49 49'%3E%3Cpath style='fill:%234b4b4b' d='M49 19.5H29.5V0h-10v19.5H0v10h19.5V49h10V29.5H49v-10z'/%3E%3C/svg%3E");
    content: "";
    display: block;
    flex-shrink: 0;
    height: 1rem;
    margin-right: 1rem;
    width: 1rem
}

.single-accordion[open] .title {
    background-color: #4b4b4b;
    background-color: var(--dark-background);
    border-radius: 5px 5px 0 0
}

    .single-accordion[open] .title:hover {
        background-color: var(--button-hover)
    }

    .single-accordion[open] .title h3 {
        color: #fff
    }

        .single-accordion[open] .title h3:before {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49 10' preserveAspectRatio='xMinYMid meet' xml:space='preserve'%3E%3Cpath d='M0 10V0h49v10H0z' style='fill:%23fff'/%3E%3C/svg%3E");
            content: "";
            display: block;
            height: 4px;
            margin-right: 1rem;
            margin-top: 4px;
            width: 1rem
        }

.single-accordion[open] .expanded-content {
    padding: 1rem
}

    .single-accordion[open] .expanded-content pre {
        white-space: pre-wrap
    }

@media screen and (min-width:64rem) {
    .single-accordion[open] .expanded-content p {
        max-width: 80%
    }
}

.single-accordion[open] .expanded-content ul {
    margin-bottom: 1rem
}

    .single-accordion[open] .expanded-content ul:not(.list-alphabetical) {
        list-style-type: square
    }

    .single-accordion[open] .expanded-content ol:last-child, .single-accordion[open] .expanded-content p:last-child, .single-accordion[open] .expanded-content ul:last-child {
        margin-bottom: 0
    }

@keyframes sweep {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

figure.gallery-item a {
    border: none;
    display: block;
    padding: 0;
    position: relative
}

    figure.gallery-item a span {
        background-color: #000;
        bottom: 0;
        color: #fff;
        font-size: .9rem;
        font-weight: 400;
        left: 0;
        opacity: .75;
        padding: .2rem .4rem;
        position: absolute
    }

@media screen and (min-width:30rem) {
    .text-columns .layout-container {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: auto;
        row-gap: 1rem
    }

        .text-columns .layout-container .column h2 {
            font-size: 1.25rem
        }

        .text-columns .layout-container .column:last-child:nth-child(odd) {
            grid-column: 1/-1
        }
}

@media screen and (min-width:64rem) {
    .text-columns .layout-container {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
        grid-template-rows: auto;
        row-gap: 1rem
    }

        .text-columns .layout-container .column h2 {
            font-size: 1.625rem
        }

        .text-columns .layout-container .column:last-child:nth-child(odd) {
            grid-column: initial
        }
}

.text-columns div[class*=bg-] {
    background-color: #efefef;
    padding-left: 1rem
}

.text-columns div[class*=bg-none] {
    background-color: #fefefe
}

.text-columns div[class*=bg-]:not(.bg-grey,.bg-none) {
    background-color: #636363;
    background-color: var(--dark);
    color: #fff
}

    .text-columns div[class*=bg-]:not(.bg-grey,.bg-none) h2, .text-columns div[class*=bg-]:not(.bg-grey,.bg-none) h2 a, .text-columns div[class*=bg-]:not(.bg-grey,.bg-none) h3, .text-columns div[class*=bg-]:not(.bg-grey,.bg-none) h3 a, .text-columns div[class*=bg-]:not(.bg-grey,.bg-none) li a, .text-columns div[class*=bg-]:not(.bg-grey,.bg-none) p a {
        color: #fff
    }

        .text-columns div[class*=bg-]:not(.bg-grey,.bg-none) li a:hover, .text-columns div[class*=bg-]:not(.bg-grey,.bg-none) p a:hover {
            color: #efefef
        }

.text-columns h2, .text-columns h3 {
    margin-bottom: 0;
    padding-bottom: 1rem
}

    .text-columns h2:after, .text-columns h3:after {
        display: none
    }

    .text-columns h2 a, .text-columns h3 a {
        border: none;
        line-height: 1.5;
        text-decoration: underline;
        text-decoration-thickness: 4px;
        text-underline-offset: 5px
    }

.text-columns .column {
    align-self: flex-start;
    padding: 1rem
}

@media screen and (min-width:64rem) {
    .text-columns .column {
        margin-bottom: 1rem;
        padding: 1rem 1.5rem
    }
}

.text-columns + .text-columns {
    padding-top: 0
}

.foundation-staff-listing .staff-list--hide-research-area .staff-research {
    display: none
}

.event-item .fb_iframe_widget {
    display: flex;
    margin-left: .5rem
}

.subject-area-selected-courses__further-courses {
    display: none;
    margin-left: 0
}

.subject-area-selected-courses__list {
    background: #efefef;
    margin-bottom: 2rem;
    padding: 1rem
}

@media screen and (min-width:37.5rem) {
    .subject-area-selected-courses__list {
        padding: 1rem 1.5rem
    }
}

.subject-area-selected-courses__list a {
    color: #000
}

    .subject-area-selected-courses__list a:hover {
        color: #b5121b
    }

.subject-area-selected-courses__list button {
    background: none;
    border-bottom: .0625rem solid #ccc;
    border-radius: 0;
    color: #b5121b;
    cursor: pointer;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 1rem;
    padding: 0 0 .0625rem;
    transition: border-bottom .2s ease-out 0s
}

    .subject-area-selected-courses__list button:hover {
        border-bottom: .0625rem solid #636363
    }

.foundation-chevron-section {
    padding-bottom: 0;
    padding-top: 0
}

    .foundation-chevron-section .foundation-chevron {
        padding: 0;
        position: relative
    }

    .foundation-chevron-section .foundation-chevron__background {
        height: 12rem
    }

    .foundation-chevron-section .foundation-chevron__chevron {
        border-style: solid;
        border-width: 0;
        display: none;
        position: relative;
        z-index: 5
    }

        .foundation-chevron-section .foundation-chevron__chevron:before {
            border-bottom: 12.5rem solid transparent;
            border-left: 6rem solid #fff;
            content: "";
            height: 50%;
            position: absolute;
            right: -6rem;
            top: 0;
            width: 6rem
        }

        .foundation-chevron-section .foundation-chevron__chevron:after {
            border-left: 6rem solid #fff;
            border-top: 12.5rem solid transparent;
            bottom: 0;
            content: "";
            position: absolute;
            right: -6rem;
            width: 6rem
        }

    .foundation-chevron-section .foundation-chevron__image {
        position: relative
    }

        .foundation-chevron-section .foundation-chevron__image .lazy-loaded-css-background-actual {
            background-position: 0
        }

    .foundation-chevron-section .foundation-chevron__content {
        height: 100%;
        padding: 1.5rem .9375rem
    }

        .foundation-chevron-section .foundation-chevron__content .button {
            align-self: flex-start;
            margin-bottom: 2rem;
            max-width: 75%
        }

@media screen and (min-width:64rem) {
    .foundation-chevron-section .foundation-chevron__content .button {
        margin-bottom: 0;
        max-width: 50%
    }
}

.foundation-chevron-section .foundation-chevron__content .cell {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative
}

.foundation-chevron-section .foundation-chevron--align-right .foundation-chevron__background {
    flex-direction: row-reverse
}

.foundation-chevron-section .foundation-chevron--align-right .foundation-chevron__chevron:after, .foundation-chevron-section .foundation-chevron--align-right .foundation-chevron__chevron:before {
    border-left: 0;
    border-right: 6rem solid #fff;
    left: -6rem;
    right: auto
}

.foundation-chevron-section .foundation-chevron.bg-grey {
    background-color: #efefef
}

    .foundation-chevron-section .foundation-chevron.bg-grey .foundation-chevron__chevron:after, .foundation-chevron-section .foundation-chevron.bg-grey .foundation-chevron__chevron:before {
        border-left-color: #efefef
    }

.foundation-chevron-section .foundation-chevron--align-right.bg-grey .foundation-chevron__chevron:after, .foundation-chevron-section .foundation-chevron--align-right.bg-grey .foundation-chevron__chevron:before {
    border-right-color: #efefef
}

@media screen and (min-width:64rem) {
    .foundation-chevron-section .foundation-chevron {
        height: 25rem;
        margin-bottom: 0
    }

    .foundation-chevron-section .foundation-chevron__background {
        height: 100%;
        left: 0;
        max-width: none;
        position: absolute;
        top: 0;
        width: 100%
    }

    .foundation-chevron-section .foundation-chevron__chevron {
        display: block;
        width: 60%
    }

    .foundation-chevron-section .foundation-chevron__image {
        width: 40%
    }

    .foundation-chevron-section .foundation-chevron__content-wrapper {
        height: 100%;
        margin: 0 auto;
        max-width: 75rem;
        position: relative;
        z-index: 5
    }

    .foundation-chevron-section .foundation-chevron__content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 60%
    }

    .foundation-chevron-section .foundation-chevron--align-right .foundation-chevron__content {
        margin-left: 40%
    }

    .foundation-chevron-section .foundation-chevron--align-right .foundation-chevron__image .lazy-loaded-css-background-actual {
        background-position: 100%
    }
}

.instagram-row .grid-x {
    flex-wrap: nowrap
}

.instagram-row .profile {
    margin-bottom: .5rem
}

    .instagram-row .profile h2 {
        font-family: EffraBold,arial,helvetica,sans-serif;
        font-size: 1.625rem;
        line-height: 1;
        margin-bottom: 0
    }

        .instagram-row .profile h2:after {
            display: none
        }

    .instagram-row .profile a {
        border-bottom: .0625rem solid #a6a6a6;
        color: #636363;
        font-size: 90%;
        padding-bottom: .0625rem;
        text-decoration: none;
        transition: border-color .2s ease-out 0s
    }

        .instagram-row .profile a:hover {
            border-color: #636363
        }

    .instagram-row .profile .icon {
        float: left;
        height: 50px;
        margin-right: 1.25rem;
        width: 50px
    }

.instagram-row .square {
    min-height: 1px;
    position: relative;
    width: 100%
}

    .instagram-row .square:after {
        content: "";
        display: block;
        padding-bottom: 90%
    }

    .instagram-row .square a {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 5px;
        display: block;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0
    }

@media screen and (min-width:37.5rem) {
    .instagram-row .square a {
        right: 1.5rem
    }
}

.instagram-row .square a:hover {
    opacity: .9
}

.instagram-row .square:not(.image_1) {
    display: none;
    visibility: hidden
}

@media screen and (min-width:37.5rem) {
    .instagram-row .square:not(.image_1) {
        display: block;
        visibility: visible
    }
}

.instagram-row .image_2 {
    margin-bottom: 1.5rem
}

@media screen and (min-width:64rem) {
    .instagram-row .image_2 {
        margin-bottom: 2.25rem
    }
}

.instagram-row .image_2 a {
    left: 0;
    right: .75rem
}

@media screen and (min-width:64rem) {
    .instagram-row .image_2 a {
        left: .5rem;
        right: 1rem
    }
}

.instagram-row .image_3 {
    margin-bottom: 1.5rem
}

@media screen and (min-width:64rem) {
    .instagram-row .image_3 {
        margin-bottom: 2.25rem
    }
}

.instagram-row .image_3 a {
    left: .5rem;
    right: 0
}

@media screen and (min-width:64rem) {
    .instagram-row .image_3 a {
        left: 1rem
    }
}

.instagram-row .image_4 a {
    left: 0;
    right: .75rem
}

@media screen and (min-width:64rem) {
    .instagram-row .image_4 a {
        left: .5rem;
        right: 1rem
    }
}

.instagram-row .image_5 a {
    left: .5rem;
    right: 0
}

@media screen and (min-width:64rem) {
    .instagram-row .image_5 a {
        left: 1rem
    }
}

#regions_div {
    height: auto;
    max-width: 100%
}

#saveCookieOptionsBtn:disabled {
    background-color: var(--medium);
    cursor: not-allowed
}

.pattern-lib {
    padding-bottom: 2rem;
    padding-top: 2rem
}

    .pattern-lib h2 {
        padding-bottom: 1rem
    }

    .pattern-lib .swatch {
        align-items: center;
        background-color: var(--default);
        border-radius: 5px;
        color: var(--light-text);
        display: flex;
        flex-direction: column;
        font-weight: 700;
        height: 80px;
        justify-content: center;
        margin-bottom: 1rem;
        width: 100%
    }

        .pattern-lib .swatch p {
            margin-bottom: 0
        }

    .pattern-lib .palette {
        border: 1px solid #ccc;
        margin-bottom: 1rem
    }

    .pattern-lib .bg-lightest-grey {
        background-color: #efefef;
        color: #000
    }

    .pattern-lib .bg-light-grey {
        background-color: #ccc;
        color: #000
    }

    .pattern-lib .bg-medium-grey {
        background-color: #a6a6a6;
        color: #000
    }

    .pattern-lib .bg-dark-grey {
        background-color: #636363;
        color: #fff
    }

    .pattern-lib .bg-darkest-grey {
        background-color: #4b4b4b;
        color: #fff
    }

.colour-theme {
    background-color: #efefef;
    border-radius: 25px;
    display: block;
    margin: 2rem auto;
    padding: 3rem
}

    .colour-theme .data-course-order-1 {
        --default: #3a7a5c;
        --lightest: #cbe7d9;
        --light: #75bf9a;
        --medium: #3a7a5c;
        --dark: #25513b;
        --dark-background: #25513b;
        --heading: #25513b;
        --button: #3a7a5c;
        --button-hover: #25513b;
        --contrast-button: #25513b;
        --contrast-button-hover: #517462;
        --dark-text: #214534;
        --icon: #3a7a5c
    }

    .colour-theme .data-course-order-2 {
        --default: #8a3e65;
        --lightest: #dfb9cd;
        --light: #c0729a;
        --medium: #8a3e65;
        --dark: #6a2f4d;
        --dark-background: #6a2f4d;
        --heading: #6a2f4d;
        --button: #8a3e65;
        --button-hover: #6a2f4d;
        --contrast-button: #6a2f4d;
        --contrast-button-hover: #8a3e65;
        --dark-text: #471f34;
        --icon: #8a3e65
    }

    .colour-theme .data-course-order-3 {
        --default: #008375;
        --lightest: #b3e6e1;
        --light: #66ccc3;
        --medium: #008375;
        --dark: #004d45;
        --dark-background: #004d45;
        --heading: #004d45;
        --contrast-button: #004d45;
        --contrast-button-hover: #008375;
        --button: #008375;
        --button-hover: #004d45;
        --dark-text: #004d45;
        --icon: #008375
    }

    .colour-theme .data-course-order-4 {
        --default: #007599;
        --lightest: #a6e0f2;
        --light: #4cc2e6;
        --medium: #007599;
        --dark: #004e66;
        --dark-background: #004e66;
        --heading: #004e66;
        --contrast-button: #004e66;
        --contrast-button-hover: #007599;
        --button: #007599;
        --button-hover: #004e66;
        --dark-text: #004e66;
        --icon: #006382
    }

    .colour-theme .layout-container {
        margin: 2rem auto;
        max-width: 75rem
    }

        .colour-theme .layout-container ul {
            margin: 0;
            padding: 0
        }

            .colour-theme .layout-container ul li {
                list-style-type: none
            }

    .colour-theme h2.title {
        font-weight: 700;
        margin-bottom: 2rem
    }

        .colour-theme h2.title:after {
            display: none
        }

    .colour-theme .wrapper {
        display: flex;
        flex-flow: row wrap;
        gap: 3rem 2rem
    }

    .colour-theme select {
        margin-bottom: 2rem
    }

    .colour-theme .scale {
        background-color: #efefef;
        border: 1px solid var(--light);
        border-radius: 5px;
        display: flex;
        height: 100px;
        width: 100%
    }

        .colour-theme .scale li {
            align-items: flex-end;
            display: flex;
            font-weight: 700;
            justify-content: center;
            margin: 0;
            padding: 1rem;
            width: 100%
        }

    .colour-theme .page-content {
        background-color: #fff;
        border-radius: 10px;
        flex: 0 0 100%;
        padding: 1.5rem
    }

@media screen and (min-width:64rem) {
    .colour-theme .page-content {
        flex: 0 0 30%
    }
}

.colour-theme .page-content p {
    width: 100%
}

.colour-theme .inline {
    background-color: #fff;
    border-radius: 10px;
    flex: 1;
    padding: 1.5rem
}

.colour-theme .menu {
    background-color: var(--menu)
}

.colour-theme .dark-text {
    background-color: #fff;
    color: var(--dark-text)
}

.colour-theme .light-transparent {
    background-color: var(--light-transparent)
}

.colour-theme .lightest {
    background-color: var(--lightest)
}

.colour-theme .light {
    background-color: var(--light)
}

.colour-theme .medium {
    background-color: var(--medium);
    color: #fff
}

.colour-theme .dark {
    background-color: var(--dark);
    color: #fff
}

.colour-theme .button {
    background-color: var(--button);
    color: #fff
}

    .colour-theme .button:hover {
        background-color: var(--button-hover);
        color: #fff
    }

.colour-theme .contrast-button {
    background-color: var(--contrast-button);
    color: #fff
}

    .colour-theme .contrast-button:hover {
        background-color: var(--contrast-button-hover);
        color: #fff
    }

.colour-theme .icon {
    fill: var(--icon);
    color: #fff
}

.colour-theme .icon-background {
    background-color: var(--icon-background)
}

.colour-theme .department-details {
    background: #efefef;
    border-left: 4px solid var(--medium);
    padding: 1rem
}

    .colour-theme .department-details h3 {
        font-family: EffraBold,Arial,Helvetica,sans-serif
    }

    .colour-theme .department-details ul {
        margin-bottom: 0
    }

    .colour-theme .department-details li {
        align-items: center;
        display: flex;
        margin-top: .75rem
    }

        .colour-theme .department-details li:last-child {
            margin-bottom: 0
        }

    .colour-theme .department-details a {
        border-bottom: 0;
        color: #4b4b4b;
        word-break: break-word
    }

        .colour-theme .department-details a:hover {
            text-decoration: underline
        }

    .colour-theme .department-details svg {
        fill: var(--medium);
        flex-shrink: 0;
        height: 25px;
        margin-right: 1rem;
        width: 25px
    }

.colour-theme section {
    background-color: #fff;
    border-radius: 10px;
    padding: 2rem;
    width: 100%
}

.colour-theme .inline-content .container {
    display: flex;
    gap: 2rem
}

    .colour-theme .inline-content .container .image {
        flex: 0 0 35%
    }

.colour-theme .stats-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 1rem
}

@media screen and (min-width:64rem) {
    .colour-theme .stats-wrapper {
        flex-direction: row
    }
}

.colour-theme .inline-stats .carousel-arrow svg {
    height: 2rem;
    width: 2rem
}

.colour-theme .inline-stats .stat-card {
    background-color: #fff;
    border-left: 8px solid var(--medium);
    display: flex !important;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem
}

.colour-theme .inline-stats .ranking {
    align-items: center;
    display: flex;
    height: 4rem;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 5rem
}

    .colour-theme .inline-stats .ranking .rank {
        font-size: 1.9rem;
        font-weight: 700;
        margin-bottom: .7rem
    }

    .colour-theme .inline-stats .ranking svg {
        height: 4rem;
        left: 0;
        position: absolute;
        top: 0;
        width: 5rem
    }

.colour-theme .inline-stats .stat-card svg {
    fill: var(--dark);
    height: 4rem;
    max-width: 5rem;
    vertical-align: bottom;
    width: 5rem
}

.colour-theme .inline-stats h2:after {
    display: none
}

.colour-theme .inline-stats p {
    color: #4b4b4b;
    color: var(--dark-text);
    margin: 0;
    width: 100%
}

.colour-theme .inline-stats hr {
    border-bottom: 4px solid var(--light);
    margin-top: 1rem;
    text-align: left;
    width: 80px
}

.colour-theme .inline-stats .text-icon {
    color: #636363;
    color: var(--dark);
    display: block;
    font-family: LexiaBlack,Georgia,serif;
    font-size: 3rem;
    font-weight: 700;
    height: auto;
    line-height: 1;
    width: auto
}

.colour-theme .nav-dots {
    box-sizing: border-box;
    display: block;
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
    text-align: center;
    width: 100%
}

    .colour-theme .nav-dots li {
        cursor: pointer;
        display: inline-block;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        position: relative;
        width: 20px
    }

        .colour-theme .nav-dots li.slick-active button:before {
            color: #000
        }

    .colour-theme .nav-dots button {
        border: 0;
        cursor: pointer;
        display: block;
        font-size: 0;
        height: 20px;
        line-height: 0;
        padding: 5px;
        width: 20px
    }

        .colour-theme .nav-dots button:before {
            color: #868686;
            content: "●";
            font-size: 1.25rem;
            height: 20px;
            left: 0;
            position: absolute;
            text-align: center;
            width: 20px
        }

        .colour-theme .nav-dots button:focus:before, .colour-theme .nav-dots button:hover:before {
            opacity: 1
        }

.colour-theme .text-feature-panel {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto
}

    .colour-theme .text-feature-panel .card {
        border-radius: 5px;
        margin-bottom: 0
    }

        .colour-theme .text-feature-panel .card:last-child {
            background-color: var(--dark);
            border: 0;
            color: #fff;
            margin-bottom: 0
        }

            .colour-theme .text-feature-panel .card:last-child h3 {
                color: #fff
            }

.libanswers-container p {
    font-size: inherit;
    line-height: 1.6;
    margin-bottom: 1rem
}

    .libanswers-container p a, .libanswers-container span a {
        border-bottom: .0625rem solid #a6a6a6 !important;
        padding-bottom: .0625rem !important
    }

        .libanswers-container p a:hover, .libanswers-container span a:hover {
            border-bottom-width: .1875rem !important
        }

.libanswers-container p, .libanswers-container span, .libanswers-container strong {
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: medium !important
}

.libanswers-container .grid-container {
    padding-left: 0;
    padding-right: 0
}

.libanswers-container .s-la-widget-embed {
    border: none;
    padding: 0
}

.libanswers-container .s-la-widget a {
    color: var(--button)
}

.libanswers-container .s-la-widget .s-la-faq-listing-q {
    font-size: medium
}

    .libanswers-container .s-la-widget .s-la-faq-listing-q a {
        text-decoration: none
    }

        .libanswers-container .s-la-widget .s-la-faq-listing-q a:hover {
            color: var(--button-hover)
        }

.libanswers-container .s-la-widget .s-la-faq-listing-topics .label-topic {
    background-color: initial;
    border: none;
    color: initial
}

    .libanswers-container .s-la-widget .s-la-faq-listing-topics .label-topic a {
        border-bottom-width: 0;
        font-weight: 400;
        text-decoration: none
    }

.libcal-hours .outer-wrapper {
    border: 4px solid var(--lightest);
    border-radius: 4px
}

@media screen and (max-width:1049px) {
    .libcal-hours .outer-wrapper {
        border: none
    }
}

@media screen and (max-width:350px) {
    .libcal-hours .outer-wrapper {
        display: block
    }
}

.libcal-hours .inner-wrapper {
    display: grid;
    grid-template-columns: 20ch 1fr
}

@media screen and (max-width:1049px) {
    .libcal-hours .inner-wrapper {
        display: block;
        margin-bottom: 1.5rem
    }
}

.libcal-hours .inner-wrapper .heading {
    align-content: end;
    background-color: var(--lightest);
    display: grid;
    padding: 1rem
}

    .libcal-hours .inner-wrapper .heading h3, .libcal-hours .inner-wrapper .heading h4 {
        display: block;
        margin: 0
    }

    .libcal-hours .inner-wrapper .heading h4 {
        font-size: 1.2rem
    }

@media screen and (max-width:1049px) {
    .libcal-hours .inner-wrapper .heading {
        background-color: unset;
        padding: 1rem 0
    }
}

.libcal-hours .controls {
    align-content: center;
    align-items: center;
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 1rem
}

    .libcal-hours .controls h3 {
        margin: 0
    }

    .libcal-hours .controls .buttons {
        align-content: center;
        display: flex;
        gap: 1rem
    }

        .libcal-hours .controls .buttons button {
            background-color: #b5121b;
            background-color: var(--button);
            border-radius: 5px;
            color: #fff;
            font-weight: 700;
            padding: .85rem 1rem
        }

            .libcal-hours .controls .buttons button:hover {
                background-color: #7f0d13;
                background-color: var(--button-hover)
            }

            .libcal-hours .controls .buttons button:disabled {
                background-color: var(--lightest);
                color: #000;
                cursor: not-allowed
            }

.libcal-hours .opening-hours-wrapper {
    border: 4px solid var(--icon-background);
    border-radius: 4px;
    display: grid;
    grid-template-columns: repeat(7,1fr);
    margin: 0;
    max-width: 90vw;
    row-gap: 2rem
}

@media screen and (max-width:1049px) {
    .libcal-hours .opening-hours-wrapper {
        border: 4px solid var(--icon-background);
        border-radius: 4px;
        display: block;
        max-width: 100%
    }

        .libcal-hours .opening-hours-wrapper div {
            display: grid;
            grid-template-columns: 1fr 1fr
        }

            .libcal-hours .opening-hours-wrapper div dt {
                min-height: unset
            }
}

.libcal-hours div + div {
    margin-bottom: 0
}

    .libcal-hours div + div .opening-hours-wrapper {
        border: none;
        border-radius: 0
    }

.libcal-hours .hidden {
    display: none
}

.libcal-hours dd, .libcal-hours dt {
    margin: 0;
    padding: 1rem .625rem
}

.libcal-hours dt {
    background-color: var(--icon-background);
    color: #000;
    font-weight: 600;
    min-height: 5.25rem
}

.libcal-hours .today dt {
    background-color: var(--medium);
    color: #fff
}

.libcal-hours .today dd {
    background-color: var(--lightest)
}

@media screen and (min-width:1050px) {
    .libcal-hours .child-location-date {
        height: 1px;
        left: -10000px;
        overflow: hidden;
        position: absolute;
        top: auto;
        width: 1px
    }
}

.hero-image h1 {
    font-family: LexiaBold,georgia,serif;
    margin-bottom: 0;
    max-width: 22ch
}

.hero-image p {
    font-size: clamp(1rem,.9643rem + .1786vw,1.25rem);
    margin-bottom: 0;
    max-width: 50ch
}

.hero-image h1, .hero-image p {
    color: #fff;
    text-shadow: 0 0 .9375rem rgba(0,0,0,.75)
}

.hero-image:after {
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 35%,rgba(0,0,0,.75) 65%,#000);
    content: "";
    inset: 0;
    opacity: 1;
    position: absolute
}

@media screen and (min-width:64rem) {
    .hero-image:after {
        background: linear-gradient(290deg,hsla(0,0%,100%,0) 30%,rgba(0,0,0,.75) 65%,#000);
        opacity: .9
    }
}

.hero-image .wrapper {
    display: grid;
    flex: 1;
    margin-left: auto;
    margin-right: auto;
    max-width: 75rem;
    padding-left: .9375rem;
    padding-right: .9375rem;
    place-content: end start;
    width: 100%
}

@media screen and (min-width:64rem) {
    .hero-image .wrapper {
        place-content: center start
    }
}

.hero-image .content {
    align-items: flex-start;
    background: none;
    display: flex;
    flex-direction: column;
    padding: 2rem 0 2.5rem;
    z-index: 2
}

    .hero-image .content > * {
        margin-bottom: 0;
        margin-top: 1rem
    }

    .hero-image .content > :first-child {
        margin-top: 0
    }

.hero-image img {
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    width: 100%
}

.hero-image .button {
    background: none;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    padding: .85rem 1rem
}

@media screen and (min-width:64rem) {
    .hero-image .button {
        font-size: var(--btn-font-large);
        padding: 1.15rem 1.25rem
    }
}

.hero-image .button:focus {
    background: none;
    border: 2px solid #fff;
    color: #fff
}

.hero-image .button:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: var(--dark-text)
}

.hero-image.landing {
    background-color: #4b4b4b;
    display: grid;
    min-height: 31.25rem;
    padding: 0;
    position: relative
}

@media screen and (min-width:64rem) {
    .hero-image.landing {
        min-height: 37.5rem
    }
}

.hero-image.landing h1 {
    font-size: 3rem;
    font-size: clamp(2.5rem,2.2rem + 1.5vw,4rem)
}

.hero-image.standard {
    aspect-ratio: auto;
    display: grid;
    grid-template-columns: 1fr;
    height: 18.75rem;
    margin: 1.5rem auto 0;
    max-height: 25rem;
    max-width: 73.125rem;
    position: relative
}

@media screen and (min-width:37.5rem) {
    .hero-image.standard {
        grid-template-areas: "stack";
        height: 18.75rem;
        margin: 3rem auto 0
    }
}

@media screen and (min-width:64rem) {
    .hero-image.standard {
        height: 25rem;
        padding: 3rem
    }
}

.hero-image.standard:not(.image) {
    background-color: var(--medium);
    height: auto;
    max-height: 25rem
}

@media screen and (min-width:64rem) {
    .hero-image.standard:not(.image) {
        min-height: 15rem
    }
}

.hero-image.standard:not(.image) .wrapper {
    grid-auto-columns: 1fr;
    place-content: center start
}

.hero-image.standard:not(.image) .content {
    max-width: 75%;
    width: 100%
}

.hero-image.standard:not(.image) a, .hero-image.standard:not(.image) h1, .hero-image.standard:not(.image) p {
    color: #fff;
    max-width: 100%;
    text-shadow: none
}

.hero-image.standard:not(.image):after {
    display: none
}

.hero-image.standard:not(.image).light {
    background-color: #f2f2f2;
    background-color: var(--light-background)
}

    .hero-image.standard:not(.image).light a, .hero-image.standard:not(.image).light h1, .hero-image.standard:not(.image).light p {
        color: #1d1d1d
    }

.hero-image.standard .content {
    padding: 0
}

@media screen and (min-width:37.5rem) {
    .hero-image.standard img {
        max-height: 25rem
    }
}

.hero-image.standard + .bg-grey {
    margin-top: 3rem
}

.spotlight-feature {
    margin: 0 auto;
    padding: 0;
    position: relative
}

@media screen and (min-width:37.5rem) {
    .spotlight-feature {
        display: grid;
        margin: 3rem auto;
        min-height: 20rem;
        padding: 0 .9375rem
    }
}

@media screen and (min-width:64rem) {
    .spotlight-feature {
        min-height: 31.25rem
    }
}

.spotlight-feature:after {
    background: linear-gradient(0deg,#000 5%,rgba(0,0,0,.5) 20%,transparent 45%);
    content: "";
    height: 300px;
    inset: 0;
    opacity: .9;
    position: absolute;
    z-index: 2
}

@media screen and (min-width:37.5rem) {
    .spotlight-feature:after {
        background: linear-gradient(270deg,hsla(0,0%,100%,0) 35%,rgba(0,0,0,.75) 65%,#000);
        height: auto;
        left: .9375rem
    }
}

.spotlight-feature .wrapper {
    display: flex;
    flex-direction: column
}

@media screen and (min-width:37.5rem) {
    .spotlight-feature .wrapper {
        display: grid;
        flex: 1;
        grid-template-columns: 1fr;
        margin-left: auto;
        margin-right: auto;
        max-width: 75rem;
        place-content: center start;
        position: relative;
        width: 100%
    }
}

.spotlight-feature .content {
    background-color: rgba(0,0,0,.95);
    order: 2;
    padding: 1.5rem 1.5rem 3rem;
    z-index: 4
}

@media screen and (min-width:37.5rem) {
    .spotlight-feature .content {
        background: 0;
        max-width: 60%;
        padding: 3rem 1.5rem
    }
}

@media screen and (min-width:64rem) {
    .spotlight-feature .content {
        max-width: 50%;
        padding: 3rem
    }
}

.spotlight-feature .content > * + * {
    margin-bottom: 0;
    margin-top: 1rem
}

.spotlight-feature .content a, .spotlight-feature .content h2, .spotlight-feature .content h3, .spotlight-feature .content p {
    color: #fff
}

.spotlight-feature .content h2, .spotlight-feature .content h3 {
    font-family: EffraBold,arial,helvetica,sans-serif;
    font-size: clamp(1.45rem,2.55vw + .68rem,2.31rem)
}

    .spotlight-feature .content h2:after, .spotlight-feature .content h3:after {
        display: none
    }

@media screen and (min-width:37.5rem) {
    .spotlight-feature .content p {
        max-width: 65ch;
        text-shadow: 0 0 .9375rem rgba(0,0,0,.75)
    }
}

.spotlight-feature .content .button {
    background: none;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    padding: .85rem 1rem
}

@media screen and (min-width:64rem) {
    .spotlight-feature .content .button {
        font-size: var(--btn-font-large);
        padding: 1.15rem 1.25rem
    }
}

.spotlight-feature .content .button:focus {
    background: none;
    border: 2px solid #fff;
    color: #fff
}

.spotlight-feature .content .button:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: var(--dark-text)
}

.spotlight-feature img {
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    order: 1
}

@media screen and (min-width:37.5rem) {
    .spotlight-feature img {
        height: 100%;
        inset: 0;
        position: absolute;
        width: 100%
    }
}

.is-course-page .spotlight-feature h2 {
    background: 0;
    padding: 0
}

.course-search {
    padding: 0 .9375rem
}

    .course-search .inner-container {
        background-color: var(--medium);
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
        padding: 1.5rem
    }

@media screen and (min-width:64rem) {
    .course-search .inner-container {
        padding: 3rem
    }
}

@media screen and (min-width:37.5rem) {
    .course-search .inner-container {
        margin-bottom: 3rem;
        margin-top: 3rem
    }
}

.course-search .inner-container a, .course-search .inner-container h2, .course-search .inner-container h3 {
    color: #fff
}

.course-search .inner-container h2 {
    font-family: LexiaBold,georgia,serif;
    margin-top: 0
}

    .course-search .inner-container h2:after {
        display: none
    }

.course-search .inner-container #frm-course-search {
    position: relative
}

.course-search .inner-container .search .input-group {
    gap: 1rem
}

@media screen and (min-width:64rem) {
    .course-search .inner-container .search .input-group {
        max-width: 80%
    }
}

.course-search .inner-container .search .input-group .input-group-field {
    border: none;
    border-radius: 5px;
    padding: 1.5rem
}

.course-search .inner-container .search .input-group .input-group-button button {
    background: none;
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    padding: .85rem 1rem
}

    .course-search .inner-container .search .input-group .input-group-button button:focus {
        background: none;
        border: 2px solid #fff;
        color: #fff
    }

    .course-search .inner-container .search .input-group .input-group-button button:hover {
        background-color: #fff;
        border: 2px solid #fff;
        color: var(--dark-text)
    }

.course-search .inner-container .search #live-search-holder {
    background-color: var(--dark);
    margin-top: -1rem;
    padding: 1.5rem;
    position: absolute;
    z-index: 9999
}

@media screen and (min-width:64rem) {
    .course-search .inner-container .search #live-search-holder {
        max-width: 80%
    }
}

.course-search .inner-container .search #live-search-holder li a {
    border-bottom: 1px solid #fff
}

    .course-search .inner-container .search #live-search-holder li a:hover {
        border-bottom: 3px solid #fff
    }

.course-search .inner-container .search #live-search-holder .ajax-view-results {
    padding-top: 1.5rem
}

    .course-search .inner-container .search #live-search-holder .ajax-view-results a {
        font-weight: 400
    }

.course-search .inner-container .search #live-search-holder * {
    color: #fff
}

.course-search .inner-container .search-buttons ul {
    margin: 0
}

@media screen and (min-width:37.5rem) {
    .course-search .inner-container .search-buttons ul {
        display: flex;
        gap: 3rem
    }
}

.course-search .inner-container .search-buttons ul li {
    margin-top: 1.5rem
}

@media screen and (min-width:37.5rem) {
    .course-search .inner-container .search-buttons ul li {
        margin: 0
    }
}

.course-search .inner-container .search-buttons ul li a {
    border-bottom: 1px solid #fff;
    font-size: 1.25rem;
    transition: .1s
}

    .course-search .inner-container .search-buttons ul li a:hover {
        border-bottom: 3px solid #fff
    }

.course-search .inner-container :where(.search-buttons a,.ajax-view-results a) {
    transition: .1s
}

    .course-search .inner-container :where(.search-buttons a,.ajax-view-results a):after {
        content: "›";
        font-size: 1.25em;
        font-weight: 600;
        margin: 0 .5rem;
        position: absolute;
        transform: translateY(-1px);
        transition: .1s
    }

    .course-search .inner-container :where(.search-buttons a,.ajax-view-results a):hover:after {
        transform: translate(.25rem,-1px)
    }

@media screen and (min-width:64rem) {
    .course-search .inner-container .frm-course-search-non-panel {
        max-width: 80%
    }
}

.course-search .inner-container .frm-course-search-non-panel .input-group-field {
    border: none;
    border-radius: 5px;
    padding: 1.5rem
}

.course-search .inner-container .tips {
    color: #fff
}

    .course-search .inner-container .tips p:last-child {
        margin-bottom: 0
    }

    .course-search .inner-container .tips a {
        border-bottom: 1px solid #fff;
        transition: .1s
    }

        .course-search .inner-container .tips a:hover {
            border-bottom: 3px solid #fff
        }

.course-search .inner-container > * + * {
    margin-bottom: 0;
    margin-top: 1.5rem
}

.course-search .year-select .entry-year-toggle {
    display: flex
}

    .course-search .year-select .entry-year-toggle .entry-year {
        margin-top: 0
    }

        .course-search .year-select .entry-year-toggle .entry-year button {
            background: none;
            border: 2px solid var(--medium);
            border-radius: 0 5px 5px 0;
            color: var(--medium);
            font-weight: 700;
            padding: .85rem 1rem
        }

        .course-search .year-select .entry-year-toggle .entry-year:first-child button {
            border-radius: 5px 0 0 5px
        }

    .course-search .year-select .entry-year-toggle .current button {
        background-color: var(--medium);
        color: #fff
    }

        .course-search .year-select .entry-year-toggle .current button:before {
            color: #fff;
            content: "✔︎";
            font-size: 1em;
            margin-right: 7px
        }

#course-search-results .result-list {
    padding: 1rem 0
}

    #course-search-results .result-list li a {
        color: #000
    }

        #course-search-results .result-list li a:hover {
            border-bottom: 3px solid var(--medium);
            color: var(--medium)
        }

.course-search.grey .inner-container {
    background-color: var(--dark)
}

    .course-search.grey .inner-container #live-search-holder {
        background-color: var(--darkest)
    }

.bg-image {
    background-color: unset;
    display: flex;
    flex-direction: column
}

@media screen and (min-width:64rem) {
    .bg-image {
        flex: 1;
        margin: 3rem auto;
        max-width: 75rem;
        padding-left: .9375rem;
        padding-right: .9375rem;
        place-content: center start;
        position: relative;
        width: 100%
    }
}

.bg-image.right img {
    aspect-ratio: 2/1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right
}

@media screen and (min-width:37.5rem) {
    .bg-image.right img {
        aspect-ratio: auto
    }
}

@media screen and (min-width:64rem) {
    .bg-image.right img {
        margin-left: 10%;
        -o-object-position: right;
        object-position: right;
        width: 90%
    }
}

.bg-image.left img {
    aspect-ratio: 2/1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left
}

@media screen and (min-width:37.5rem) {
    .bg-image.left img {
        aspect-ratio: auto
    }
}

@media screen and (min-width:64rem) {
    .bg-image.left img {
        margin-right: 10%;
        -o-object-position: left;
        object-position: left;
        width: 90%
    }
}

.bg-image.left .panel-container {
    justify-content: flex-end
}

.bg-image .panel-container {
    align-items: center;
    display: flex;
    order: 2;
    position: relative;
    z-index: 2
}

    .bg-image .panel-container .headline-panel {
        background-color: #f2f2f2;
        background-color: var(--light-background);
        padding: 1.5rem 1.5rem 1.75rem;
        width: 100%
    }

@media screen and (min-width:64rem) {
    .bg-image .panel-container .headline-panel {
        flex: unset;
        height: 90%;
        max-width: 40%;
        padding: 3rem
    }
}

.bg-image .panel-container .headline-panel > * + * {
    margin-bottom: 0;
    margin-top: 1rem
}

.bg-image .panel-container .headline-panel a, .bg-image .panel-container .headline-panel h2, .bg-image .panel-container .headline-panel h3, .bg-image .panel-container .headline-panel p {
    text-shadow: none
}

.bg-image .panel-container .headline-panel h2, .bg-image .panel-container .headline-panel h3 {
    color: var(--dark-text);
    font-family: EffraBold,arial,helvetica,sans-serif;
    font-size: clamp(1.45rem,2.55vw + .68rem,2.31rem)
}

    .bg-image .panel-container .headline-panel h2:after, .bg-image .panel-container .headline-panel h3:after {
        display: none
    }

@media screen and (min-width:64rem) {
    .bg-image .panel-container .headline-panel p {
        max-width: 65ch
    }
}

.bg-image .panel-container .headline-panel .button {
    background: none;
    border: 2px solid var(--button);
    color: var(--button);
    font-weight: 700;
    line-height: 1.2;
    padding: .85rem 1rem
}

@media screen and (min-width:64rem) {
    .bg-image .panel-container .headline-panel .button {
        font-size: var(--btn-font-large);
        padding: 1.15rem 1.25rem
    }
}

.bg-image .panel-container .headline-panel .button:focus {
    background: none;
    border: 2px solid var(--button);
    color: var(--button)
}

.bg-image .panel-container .headline-panel .button:hover {
    background-color: var(--button);
    border: 2px solid var(--button);
    color: #fff
}

.bg-image .panel-container .headline-panel.dark {
    background-color: #636363;
    background-color: var(--dark-background)
}

    .bg-image .panel-container .headline-panel.dark a:not(.button), .bg-image .panel-container .headline-panel.dark h2, .bg-image .panel-container .headline-panel.dark h3, .bg-image .panel-container .headline-panel.dark p {
        color: #fff
    }

        .bg-image .panel-container .headline-panel.dark a:not(.button):focus:focus-visible, .bg-image .panel-container .headline-panel.dark h2:focus:focus-visible, .bg-image .panel-container .headline-panel.dark h3:focus:focus-visible, .bg-image .panel-container .headline-panel.dark p:focus:focus-visible {
            box-shadow: none;
            outline-color: #fff
        }

    .bg-image .panel-container .headline-panel.dark .button {
        background: none;
        border: 2px solid #fff;
        color: #fff;
        font-weight: 700;
        line-height: 1.2;
        padding: .85rem 1rem
    }

@media screen and (min-width:64rem) {
    .bg-image .panel-container .headline-panel.dark .button {
        font-size: var(--btn-font-large);
        padding: 1.15rem 1.25rem
    }
}

.bg-image .panel-container .headline-panel.dark .button:focus {
    background: none;
    border: 2px solid #fff;
    color: #fff
}

.bg-image .panel-container .headline-panel.dark .button:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: var(--dark-text)
}

.bg-image .image {
    order: 1
}

@media screen and (min-width:64rem) {
    .bg-image .image img {
        height: 100%;
        inset: 0;
        -o-object-fit: cover;
        object-fit: cover;
        padding: 0 .9375rem;
        position: absolute;
        width: 90%
    }
}

@media screen and (min-width:37.5rem) {
    .features:not(.bg-grey) + .features:not(.bg-grey) {
        margin-top: -2rem;
        padding-top: 0
    }
}

.features.bg-grey {
    background-color: #fff
}

    .features.bg-grey + .features.bg-grey {
        padding-top: 0
    }

.features ul {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    grid-template-rows: auto;
    row-gap: 1rem
}

    .features ul.features-5 {
        grid-template-columns: 1fr
    }

@media screen and (min-width:37.5rem) {
    .features ul.features-5 {
        grid-template-columns: repeat(2,1fr)
    }
}

@media screen and (min-width:64rem) {
    .features ul.features-5 {
        grid-template-columns: repeat(5,1fr)
    }
}

.features ul.features-4 {
    grid-template-columns: 1fr
}

@media screen and (min-width:37.5rem) {
    .features ul.features-4 {
        grid-template-columns: repeat(2,1fr)
    }
}

@media screen and (min-width:64rem) {
    .features ul.features-4 {
        grid-template-columns: repeat(4,1fr)
    }
}

.features ul.features-3 {
    grid-template-columns: 1fr
}

@media screen and (min-width:37.5rem) {
    .features ul.features-3 {
        grid-template-columns: repeat(3,1fr)
    }
}

.features ul.features-2 {
    grid-template-columns: 1fr
}

@media screen and (min-width:37.5rem) {
    .features ul.features-2 {
        grid-template-columns: repeat(2,1fr)
    }
}

.features .feature-row, .news-listing .feature-row {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    margin: 0 auto;
    max-width: 75rem
}

    .features .feature-row:not(.display-text) p, .news-listing .feature-row:not(.display-text) p {
        display: none
    }

@media screen and (min-width:37.5rem) {
    .features .feature-row:not(.display-text) p, .news-listing .feature-row:not(.display-text) p {
        display: block
    }
}

.features .feature, .news-listing .feature {
    display: flex;
    flex-direction: column;
    position: relative
}

    .features .feature.hover, .features .feature:focus, .news-listing .feature.hover, .news-listing .feature:focus {
        box-shadow: 0 0 20px rgba(0,0,0,.3)
    }

    .features .feature:not(.dual-link,.no-link):hover a, .news-listing .feature:not(.dual-link,.no-link):hover a {
        text-decoration: underline
    }

    .features .feature:not(.dual-link,.no-link):hover img, .news-listing .feature:not(.dual-link,.no-link):hover img {
        filter: brightness(110%) saturate(105%)
    }

    .features .feature:focus-within, .news-listing .feature:focus-within {
        outline: 3px solid #0f8ce6;
        outline-offset: 2px;
        z-index: 8
    }

        .features .feature:focus-within h2 a, .news-listing .feature:focus-within h2 a {
            text-decoration: none
        }

    .features .feature.dual-link:hover img, .news-listing .feature.dual-link:hover img {
        filter: brightness(75%) saturate(75%)
    }

    .features .feature.dual-link:hover .btn-video-overlay, .news-listing .feature.dual-link:hover .btn-video-overlay {
        fill: var(--button-hover)
    }

    .features .feature.dual-link .text, .news-listing .feature.dual-link .text {
        max-width: 100%;
        position: relative
    }

        .features .feature.dual-link .text:hover a, .news-listing .feature.dual-link .text:hover a {
            text-decoration: underline
        }

        .features .feature.dual-link .text:focus-within, .news-listing .feature.dual-link .text:focus-within {
            outline: 3px solid #0f8ce6;
            outline-offset: 2px;
            z-index: 8
        }

    .features .feature.dual-link .image:focus-within svg, .news-listing .feature.dual-link .image:focus-within svg {
        outline: 3px solid #0f8ce6;
        outline-offset: 2px;
        z-index: 8
    }

    .features .feature.dual-link h2, .features .feature.dual-link h3, .news-listing .feature.dual-link h2, .news-listing .feature.dual-link h3 {
        max-width: 90%
    }

    .features .feature.dual-link:focus-within, .news-listing .feature.dual-link:focus-within {
        outline: none
    }

    .features .feature.video-link .text, .news-listing .feature.video-link .text {
        max-width: 100%
    }

    .features .feature.video-link h2, .features .feature.video-link h3, .news-listing .feature.video-link h2, .news-listing .feature.video-link h3 {
        max-width: 90%
    }

    .features .feature.video-link:hover h2 a, .news-listing .feature.video-link:hover h2 a {
        text-decoration: none
    }

    .features .feature.video-link:hover img, .news-listing .feature.video-link:hover img {
        filter: brightness(75%) saturate(75%)
    }

    .features .feature.video-link:hover .btn-video-overlay, .news-listing .feature.video-link:hover .btn-video-overlay {
        fill: var(--button-hover)
    }

    .features .feature.no-link h2, .features .feature.no-link h3, .news-listing .feature.no-link h2, .news-listing .feature.no-link h3 {
        font-weight: 400
    }

    .features .feature .image, .news-listing .feature .image {
        order: 1;
        position: relative
    }

    .features .feature img, .news-listing .feature img {
        border: 0;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

@media screen and (min-width:64rem) {
    .features .feature img, .news-listing .feature img {
        height: auto;
        max-height: 100%;
        min-height: 4.5rem
    }
}

.features .feature .text, .news-listing .feature .text {
    background-color: #fff;
    border-top: 6px solid var(--default);
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-top: -1.5rem;
    max-width: 90%;
    order: 2;
    padding: 1.25rem 0 1.5rem;
    width: 100%;
    z-index: 2
}

    .features .feature .text > *, .news-listing .feature .text > * {
        margin-bottom: 0;
        margin-top: .75rem
    }

    .features .feature .text > :first-child, .news-listing .feature .text > :first-child {
        margin-top: 0
    }

.features .feature h2, .features .feature h3, .news-listing .feature h2, .news-listing .feature h3 {
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    height: auto;
    line-height: 1.2;
    padding-right: .5rem;
    width: 100%;
    z-index: 2
}

@media screen and (min-width:64rem) {
    .features .feature h2, .features .feature h3, .news-listing .feature h2, .news-listing .feature h3 {
        font-size: 1.375rem
    }
}

.features .feature h2:after, .features .feature h3:after, .news-listing .feature h2:after, .news-listing .feature h3:after {
    display: none
}

.features .feature a, .news-listing .feature a {
    border-bottom: 0;
    color: #4b4b4b;
    color: var(--dark-text);
    outline: none;
    text-decoration: none
}

    .features .feature a:after, .news-listing .feature a:after {
        bottom: 0;
        content: "";
        cursor: pointer;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .features .feature a:focus, .news-listing .feature a:focus {
        box-shadow: none;
        outline: none;
        text-decoration: underline
    }

.features .feature .btn-video-overlay, .news-listing .feature .btn-video-overlay {
    fill: var(--button);
    background-color: #fff;
    border-radius: unset;
    bottom: 1rem;
    height: 50px;
    left: unset;
    right: 0;
    top: unset;
    transform: none;
    width: 50px;
    z-index: 3
}

.features .related-content a, .news-listing .related-content a {
    margin-bottom: 1rem
}

.features .related-content:not(:last-child), .news-listing .related-content:not(:last-child) {
    padding-bottom: 1rem
}

.related-content-row .related-content .feature {
    height: 100%
}

.image-arrow {
    background-color: unset;
    display: flex;
    flex-direction: column
}

@media screen and (min-width:64rem) {
    .image-arrow:after {
        background: linear-gradient(90deg,rgba(0,0,0,.35) 10%,rgba(0,0,0,.15) 25%,transparent 45%);
        content: "";
        height: auto;
        inset: 0;
        left: .9375rem;
        margin-left: 30%;
        opacity: .9;
        position: absolute;
        z-index: 2
    }

    .image-arrow {
        flex: 1;
        margin: 3rem auto;
        max-height: 45rem;
        max-width: 75rem;
        padding: 1.5rem .9375rem;
        place-content: center start;
        position: relative;
        width: 100%
    }
}

.image-arrow .panel-container {
    align-items: center;
    background: none;
    display: flex;
    order: 2;
    position: relative;
    z-index: 3
}

    .image-arrow .panel-container .headline-panel {
        background-color: #f2f2f2;
        background-color: var(--light-background);
        -webkit-clip-path: polygon(50% 10%,100% 0,100% 100%,0 100%,0 0);
        clip-path: polygon(50% 10%,100% 0,100% 100%,0 100%,0 0);
        margin-top: -4rem;
        padding: 4rem 1.5rem 1.75rem;
        width: 100%
    }

@media screen and (min-width:64rem) {
    .image-arrow .panel-container .headline-panel {
        -webkit-clip-path: polygon(100% 0,80% 50%,100% 100%,0 100%,0 50%,0 0);
        clip-path: polygon(100% 0,80% 50%,100% 100%,0 100%,0 50%,0 0);
        flex: unset;
        margin-top: 0;
        max-width: 55%;
        padding: 3rem 9rem 3rem 3rem
    }
}

.image-arrow .panel-container .headline-panel > * + * {
    margin-bottom: 0;
    margin-top: 1rem
}

.image-arrow .panel-container .headline-panel a, .image-arrow .panel-container .headline-panel h2, .image-arrow .panel-container .headline-panel h3, .image-arrow .panel-container .headline-panel p {
    text-shadow: none
}

.image-arrow .panel-container .headline-panel h2, .image-arrow .panel-container .headline-panel h3 {
    color: var(--dark-text);
    font-family: EffraBold,arial,helvetica,sans-serif;
    font-size: clamp(1.45rem,2.55vw + .68rem,2.31rem)
}

    .image-arrow .panel-container .headline-panel h2:after, .image-arrow .panel-container .headline-panel h3:after {
        display: none
    }

@media screen and (min-width:64rem) {
    .image-arrow .panel-container .headline-panel p {
        max-width: 65ch
    }
}

.image-arrow .panel-container .headline-panel.dark {
    background-color: #636363;
    background-color: var(--dark-background)
}

    .image-arrow .panel-container .headline-panel.dark a, .image-arrow .panel-container .headline-panel.dark h2, .image-arrow .panel-container .headline-panel.dark h3, .image-arrow .panel-container .headline-panel.dark p {
        color: #fff
    }

    .image-arrow .panel-container .headline-panel.dark .button {
        border-color: #fff;
        color: #fff
    }

        .image-arrow .panel-container .headline-panel.dark .button:hover {
            background-color: #fff;
            color: var(--dark-text)
        }

.image-arrow .image {
    order: 1
}

    .image-arrow .image img {
        max-height: 250px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

@media screen and (min-width:64rem) {
    .image-arrow .image img {
        height: 100%;
        inset: 0;
        margin-left: 30%;
        max-height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: right;
        object-position: right;
        padding: 0 .9375rem;
        position: absolute;
        width: 70%
    }
}

.image-arrow .button {
    background: none;
    border: 2px solid var(--button);
    color: var(--button);
    font-weight: 700;
    line-height: 1.2;
    padding: .85rem 1rem
}

@media screen and (min-width:64rem) {
    .image-arrow .button {
        font-size: var(--btn-font-large);
        padding: 1.15rem 1.25rem
    }
}

.image-arrow .button:focus {
    background: none;
    border: 2px solid var(--button);
    color: var(--button)
}

.image-arrow .button:hover {
    background-color: var(--button);
    border: 2px solid var(--button);
    color: #fff
}

@media screen and (min-width:64rem) {
    .image-arrow.align-right:after {
        background: linear-gradient(270deg,rgba(0,0,0,.5) 10%,rgba(0,0,0,.25) 20%,transparent 30%);
        height: auto;
        margin-left: 0;
        margin-right: 30%;
        right: .9375rem
    }
}

.image-arrow.align-right .panel-container {
    display: flex;
    justify-content: flex-end
}

@media screen and (min-width:64rem) {
    .image-arrow.align-right .panel-container .headline-panel {
        -webkit-clip-path: polygon(100% 0,100% 5%,100% 100%,0 100%,20% 50%,0 0);
        clip-path: polygon(100% 0,100% 5%,100% 100%,0 100%,20% 50%,0 0);
        margin-left: auto;
        margin-right: 0;
        padding: 3rem 3rem 3rem 9rem
    }
}

.image-arrow.align-right .image img {
    aspect-ratio: 2/1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right
}

@media screen and (min-width:37.5rem) {
    .image-arrow.align-right .image img {
        aspect-ratio: auto
    }
}

@media screen and (min-width:64rem) {
    .image-arrow.align-right .image img {
        margin-left: 0;
        margin-right: 30%;
        -o-object-position: left;
        object-position: left;
        width: 70%
    }
}

@media screen and (min-width:37.5rem) {
    .image-arrow + .image-arrow {
        padding-top: 0
    }
}

@media screen and (min-width:64rem) {
    .image-arrow + .image-arrow {
        padding-top: 1.5rem
    }
}

.international-pg-qualifications-list .html-container {
    margin-top: 3rem;
    padding-right: .9375rem
}

    .international-pg-qualifications-list .html-container p {
        margin-bottom: 1.5rem;
        margin-top: 0
    }

        .international-pg-qualifications-list .html-container p:last-child {
            margin-bottom: 0
        }

@media screen and (min-width:64rem) {
    .international-pg-qualifications-list .html-container {
        padding-right: 0
    }
}

.international-pg-qualifications-list select {
    margin-bottom: 0;
    margin-top: 1.5rem
}

.international-pg-qualifications-list table.type {
    display: none;
    margin-bottom: 0;
    width: auto
}

    .international-pg-qualifications-list table.type td, .international-pg-qualifications-list table.type th[scope=col] {
        padding-left: 2rem
    }

    .international-pg-qualifications-list table.type p {
        width: 100%
    }

        .international-pg-qualifications-list table.type p:last-child {
            margin-bottom: 0
        }

@media screen and (min-width:64rem) {
    .international-pg-qualifications-list table.type {
        display: table
    }
}

.international-pg-qualifications-list .accordion {
    list-style: none;
    margin-top: 1.5rem;
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:64rem) {
    .international-pg-qualifications-list .accordion {
        display: none
    }
}

.international-pg-qualifications-list .accordion-panel + div {
    margin-top: 1.5rem
}

.international-pg-qualifications-list .accordion-content table {
    margin-top: 0;
    min-width: 25%;
    width: auto
}

    .international-pg-qualifications-list .accordion-content table:last-child {
        margin-bottom: 0
    }

.international-pg-qualifications-list .accordion-content th {
    width: 5rem
}

.international-pg-qualifications-list .accordion-content p:last-child {
    margin-bottom: 0
}

.international-pg-qualifications-list:has(+section.content) {
    padding-bottom: 0
}

.video {
    background-color: unset;
    display: grid;
    gap: 0 0;
    grid-template-areas: "." "video-panel" "panel-container" "transcript";
    grid-template-columns: 100%
}

@media screen and (min-width:64rem) {
    .video {
        margin: 0 auto;
        max-width: 75rem;
        padding-left: .9375rem;
        padding-right: .9375rem;
        place-content: center start;
        position: relative;
        width: 100%
    }

        .video.with-panel {
            grid-template: ". ." 0 "video-panel panel-container" 1fr "transcript  transcript" min-content/60% 40%
        }
}

.video .video-panel {
    align-items: center;
    display: flex;
    grid-area: video-panel;
    z-index: 1
}

.video .panel-container {
    align-items: center;
    display: flex;
    grid-area: panel-container;
    position: relative
}

    .video .panel-container .headline-panel {
        background-color: #f2f2f2;
        background-color: var(--light-background);
        padding: 1.5rem 1.5rem 1.75rem;
        width: 100%
    }

@media screen and (min-width:64rem) {
    .video .panel-container .headline-panel {
        flex: unset;
        height: 90%;
        max-width: 40%;
        padding: 3rem
    }
}

.video .panel-container .headline-panel > * + * {
    margin-bottom: 0;
    margin-top: 1rem
}

.video .panel-container .headline-panel a, .video .panel-container .headline-panel h2, .video .panel-container .headline-panel h3, .video .panel-container .headline-panel p {
    text-shadow: none
}

.video .panel-container .headline-panel h2, .video .panel-container .headline-panel h3 {
    color: var(--dark-text);
    font-family: EffraBold,arial,helvetica,sans-serif;
    font-size: clamp(1.45rem,2.55vw + .68rem,2.31rem)
}

    .video .panel-container .headline-panel h2:after, .video .panel-container .headline-panel h3:after {
        display: none
    }

@media screen and (min-width:64rem) {
    .video .panel-container .headline-panel p {
        max-width: 65ch
    }
}

.video .panel-container .headline-panel .button {
    background: none;
    border: 2px solid var(--button);
    color: var(--button);
    font-weight: 700;
    line-height: 1.2;
    padding: .85rem 1rem
}

@media screen and (min-width:64rem) {
    .video .panel-container .headline-panel .button {
        font-size: var(--btn-font-large);
        padding: 1.15rem 1.25rem
    }
}

.video .panel-container .headline-panel .button:focus {
    background: none;
    border: 2px solid var(--button);
    color: var(--button)
}

.video .panel-container .headline-panel .button:hover {
    background-color: var(--button);
    border: 2px solid var(--button);
    color: #fff
}

.video .panel-container .headline-panel.dark {
    background-color: #636363;
    background-color: var(--dark-background)
}

    .video .panel-container .headline-panel.dark a:not(.button), .video .panel-container .headline-panel.dark h2, .video .panel-container .headline-panel.dark h3, .video .panel-container .headline-panel.dark p {
        color: #fff
    }

        .video .panel-container .headline-panel.dark a:not(.button):focus:focus-visible, .video .panel-container .headline-panel.dark h2:focus:focus-visible, .video .panel-container .headline-panel.dark h3:focus:focus-visible, .video .panel-container .headline-panel.dark p:focus:focus-visible {
            box-shadow: none;
            outline-color: #fff
        }

    .video .panel-container .headline-panel.dark .button {
        background: none;
        border: 2px solid #fff;
        color: #fff;
        font-weight: 700;
        line-height: 1.2;
        padding: .85rem 1rem
    }

@media screen and (min-width:64rem) {
    .video .panel-container .headline-panel.dark .button {
        font-size: var(--btn-font-large);
        padding: 1.15rem 1.25rem
    }
}

.video .panel-container .headline-panel.dark .button:focus {
    background: none;
    border: 2px solid #fff;
    color: #fff
}

.video .panel-container .headline-panel.dark .button:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: var(--dark-text)
}

@media screen and (min-width:64rem) {
    .video .panel-container .headline-panel {
        flex: unset;
        height: auto;
        margin-left: -3rem;
        min-width: calc(100% + 3rem);
        padding: 3rem 3rem 3rem 6rem
    }
}

.video .panel-container .headline-panel h3 {
    font-size: clamp(1.35rem,2.55vw + .68rem,1.5rem);
    margin-bottom: 0
}

.video .panel-container .headline-panel > * + h3 {
    margin-top: 2rem
}

.video .panel-container .headline-panel audio {
    background: var(--light-background);
    border: 2px solid var(--light-text)
}

@media screen and (min-width:64rem) {
    .video .panel-container .headline-panel audio {
        max-width: 100%
    }
}

.video .panel-container .headline-panel:not(.dark) audio {
    border: 2px solid var(--dark-text)
}

.video iframe {
    aspect-ratio: 16/9;
    border: 0;
    width: 100%
}

.video .transcript {
    grid-area: transcript;
    margin-bottom: 0;
    margin-left: .9375rem;
    margin-right: .9375rem;
    width: auto
}

@media screen and (min-width:64rem) {
    .video .transcript {
        margin-left: 0;
        margin-right: 0
    }
}

.accordion-panel-refresh .accordion .accordion-title {
    background-color: #fefefe;
    border-radius: 0;
    justify-content: flex-start;
    margin: 0;
    text-align: left;
    width: 100%
}

    .accordion-panel-refresh .accordion .accordion-title:focus[aria-expanded=false] {
        color: var(--dark-text)
    }

    .accordion-panel-refresh .accordion .accordion-title:hover {
        background-color: var(--light-background)
    }

    .accordion-panel-refresh .accordion .accordion-title[aria-expanded=true] {
        background-color: var(--dark-background);
        border-bottom: none;
        color: #fff
    }

    .accordion-panel-refresh .accordion .accordion-title:first-of-type {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

    .accordion-panel-refresh .accordion .accordion-title:last-of-type {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }

        .accordion-panel-refresh .accordion .accordion-title:last-of-type[aria-expanded=true] {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }

    .accordion-panel-refresh .accordion .accordion-title:not(:last-of-type) {
        border-bottom: 1px solid #ccc
    }

    .accordion-panel-refresh .accordion .accordion-title:has(button[aria-expanded=true]):before {
        color: #fff
    }

.accordion-panel-refresh .accordion-content {
    display: block;
    max-height: -moz-min-content;
    max-height: min-content;
    transition: max-height 3s ease-out
}

    .accordion-panel-refresh .accordion-content:not(:last-of-type) {
        border-bottom: 1px solid #ccc
    }

    .accordion-panel-refresh .accordion-content[hidden] {
        display: none;
        max-height: 0
    }

.accordion-panel-refresh .accordion-title[aria-expanded=true]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49 10' preserveAspectRatio='xMinYMid meet' xml:space='preserve'%3E%3Cpath d='M0 10V0h49v10H0z' style='fill:%23fff'/%3E%3C/svg%3E");
    content: "";
    height: 10px;
    margin-top: 10px
}

.accordion-panel-refresh .show-all {
    background: inherit;
    border: 0;
    border-radius: 0;
    color: var(--dark-text);
    font-weight: 400;
    margin-bottom: .5rem;
    padding: 0
}

    .accordion-panel-refresh .show-all:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234b4b4b' d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E");
        content: "";
        display: inline-block;
        height: 24px;
        width: 24px
    }

    .accordion-panel-refresh .show-all.open:before {
        transform: rotate(180deg)
    }

    .accordion-panel-refresh .show-all:hover {
        text-decoration: underline;
        -webkit-text-decoration-color: #a6a6a6;
        text-decoration-color: #a6a6a6;
        text-decoration-thickness: .1875rem;
        text-underline-offset: .25rem
    }

.country-specific-panel {
    padding-bottom: 0
}

    .country-specific-panel .inner-container {
        background: var(--dark-background);
        padding: 1.5rem
    }

@media screen and (min-width:64rem) {
    .country-specific-panel .inner-container {
        background-blend-mode: color-burn;
        background-image: url(/media/wdp/style-assets/images/foundation/lu-lion-new.png);
        background-position: top 20px right -160px;
        background-repeat: no-repeat;
        padding: 3rem
    }

        .country-specific-panel .inner-container p {
            width: 80%
        }
}

.country-specific-panel .inner-container > * + * {
    margin-bottom: 0;
    margin-top: 1rem
}

.country-specific-panel .inner-container a:not(.button), .country-specific-panel .inner-container h2, .country-specific-panel .inner-container h3, .country-specific-panel .inner-container p {
    background: none;
    color: #fff;
    padding: 0
}

    .country-specific-panel .inner-container a:not(.button):focus:focus-visible, .country-specific-panel .inner-container h2:focus:focus-visible, .country-specific-panel .inner-container h3:focus:focus-visible, .country-specific-panel .inner-container p:focus:focus-visible {
        box-shadow: none;
        outline-color: #fff
    }

    .country-specific-panel .inner-container p:last-child {
        margin-bottom: 0
    }

.country-specific-panel .inner-container h2 {
    font-size: clamp(1.45rem,2.55vw + .68rem,2.31rem)
}

    .country-specific-panel .inner-container h2:after {
        display: none
    }

.country-specific-panel .inner-container .button {
    background: none;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    padding: .85rem 1rem
}

@media screen and (min-width:64rem) {
    .country-specific-panel .inner-container .button {
        font-size: var(--btn-font-large);
        padding: 1.15rem 1.25rem
    }
}

.country-specific-panel .inner-container .button:focus {
    background: none;
    border: 2px solid #fff;
    color: #fff
}

.country-specific-panel .inner-container .button:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: var(--dark-text)
}