.crmEntityFormView .actions {
    border-top: 1px solid #e5e5e5;
    margin: 20px 0;
    padding: 19px 0 0px 28px;
}

label[id$="CaptchaTextBoxLabel"] {
     font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     font-size: 15px;
     margin-left: 10px;
}    

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1170px;
    }
}

@media screen and (min-width: 768px) {
    .container .jumbotron, .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px;
    }
}
.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 0;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .jumbotron h1,.jumbotron .h1 {
        font-size: 68px;
        font-weight: bold;
    }
}

@media screen and (max-width: 768px) {
    .jumbotron h1,.jumbotron .h1 {
        font-size: 30px;
        font-weight: bold;
    }
}
 
.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    background-color: #eee;
    color: #666;
    padding-left: 160px;
    padding-right: 160px;
    max-height: 266px;
}



.jumbotron p{
    color: #666;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}

.navbar-static-top.navbar-inverse {
    background-color: #fff;
    border-color: transparent;
}

.progress {
    list-style: none;
    display: inline-block;
}

    .progress li {
        float: left;
        color: #FFF;
        display: block;
        background: #2980b9 !important;
        text-decoration: none;
        position: relative;
        height: 40px;
        line-height: 40px;
        padding: 0 10px 0 5px;
        text-align: center;
        margin-right: 23px;
        font-size: 10px
    }

        .progress li:nth-child(even) {
            background-color: #2980b9 !important;
        }

            .progress li:nth-child(even)::first-child {
                padding-right: 15px;
                border-radius: 0 4px 4px 0;
            }

                .progress li:nth-child(even)::first-child::after {
                    border: none;
                }

            .progress li:nth-child(even)::last-child {
                padding-right: 15px;
                border-radius: 0 4px 4px 0;
            }

                .progress li:nth-child(even)::last-child::after {
                    border-right: none;
                }

        .progress li:nth-child(odd)::before {
            border-left-color: transparent !important;
        }

        .progress li::before, .progress li::after {
            content: "";
            position: absolute;
            top: 0;
            border: 0 solid #2980b9;
            border-width: 20px 10px;
            width: 0;
            height: 0;
        }

        .progress li::before {
            left: -20px;
            border-left-color: #472e2e00 !important;
        }

        .progress li:nth-child(even)::before {
            border-color: #2980b9
        }


        .progress li::after {
            left: 100%;
            border-color: transparent;
            border-left-color: #2980b9;
        }

        .progress li:nth-child(even)::after {
            left: 100%;
            border-color: transparent;
            border-left-color: #2980b9;
        }

        .progress li.active {
            background-color: #16a085 !important;
            border: 0;
        }

            .progress li.active:before {
                border-color: #16a085 !important;
                border-left-color: transparent !important;
            }

            .progress li.active:after {
                border-left-color: #16a085 !important;
            }


.adx-row {
    background-color: white;
    padding: 30px;
}

.cell.crmquickform-cell {
    border-right: 0 !important;
}

literal .row {
    max-width: 80% !important;
    word-break: break-word !important;
}

.crmquickform-cell {
    padding: 0px;
}

.adx-header-text {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 21px;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: inherit;
    color: #003187;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

@font-face {
    font-family: 'glyphicons-halflings-regular';
    src: url('/uon-bootstrap-fontawesome.ttf');
}


@font-face {
  font-family: 'fontawesome';
  src: url('https://use.fontawesome.com/releases/v5.7.2/css/all.css');
}

/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 04 April 2019 11:54:16
*/


/************************************/
/**  Unicorn                       **/
/**  -- uon-web-font               **/
/**  -- uon-accordion              **/
/**  -- uon-tab-content            **/
/**  -- uon-lightbox               **/
/**  -- uon-tooltip                **/
/**  -- uon-search-suggestion      **/
/**  -- uon-icon-tile-index-grid   **/
/**  -- uon-overview-index         **/
/**  -- uon-landing-page-header    **/
/**  -- uon-landing-page-search    **/
/**  -- uon-area-header            **/
/**  -- uon-section-footer         **/
/**  -- uon-reputation-story-grid  **/
/**  -- uon-icons                  **/
/**  -- uon-widgets                **/
/**  -- uon-news-events            **/
/**  -- uon-video                  **/
/**  -- uon-tables                 **/
/**  -- uon-inline-menu            **/
/**  -- uon-media-gallery          **/
/**  -- uon-subsite-page-header    **/
/**  -- uon-content-promo-banner   **/
/**  -- uon-az-listing-table       **/
/**  -- uon-filtron                **/
/**  -- uon-call-to-action         **/
/**  -- uon-forms                  **/
/**  -- uon-grids                  **/
/**  -- uon-lists                  **/
/**  -- uon-mobile-menu            **/
/************************************/

@import "/__data/assets/css_file_folder/0006/432456/unicorn.min.css";


/***********************/
/**  General / Reset  **/
/***********************/

html, body {
    /*font-family: 'Helvetica Neue',Arial,sans-serif;*/
    /*font-size: 14px;*/
    margin: 0;
    padding: 0;
    background-image: url(/background-image);
    /*background: #2D3138;*/
    font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 1.42857;
    color: #666;
    background-color: #fff
}

#panel {
    background: #ECEDEF;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    color: #2D3138;
}

header, section, footer, article, nav, main {
    display: block;
}

figure {
    margin: 0;
}

.inner, .wrapped {
    margin: 0 auto;
    max-width: 1150px;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.col {
    display: inline;
    position: relative;
    float: left;
}

.w20 {
    width: 20%;
}

.w25 {
    width: 25%;
}

.w30 {
    width: 30%;
}

.w33 {
    width: 33.33333%;
}

.w40 {
    width: 40%;
}

.w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w66 {
    width: 66.66666%;
}

.w70 {
    width: 70%;
}

.w75 {
    width: 75%;
}

.w80 {
    width: 80%;
}

.hidden, .button.hidden {
    display: none;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}


* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/******************/
/**  Typograhpy  **/
/******************/

h1, h2, h3, h4, h5, h6 {
    line-height: 0.9;
    font-family: 'FuseV2','Helvetica Neue',Arial,sans-serif;
    font-weight: 900;
}

h1, h2, h3 {
    margin: 1.5em 0 0.5em;
}

h4, h5, h6 {
    margin: 1.5em 0 0.75em;
}

    h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
        margin-top: 0;
    }

    hr + h2, hr + h3, h4 + h4, hr + h5, hr + h6 {
        margin-top: 0.5em;
    }

h1 {
    font-size: 30px;
    color: #2D3138;
    font-weight: bold;
}

h2 {
    font-size: 24px;
    color: #2D3138;
}

h3, h4, h5, h6 {
    color: #4C525D;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

h1 a {
    color: #1090D5;
    border-bottom: 1px solid rgba(16,144,213,0.5);
}

h2 a {
    color: #2D3138;
    border-bottom: 1px solid rgba(45,49,56,0.5);
}

h3 a {
    color: #4C525D;
    border-bottom: 1px solid rgba(76,82,93,0.5);
}

h4 a {
    color: #4C525D;
    border-bottom: 1px solid rgba(76,82,93,0.5);
}

h5 a {
    color: #4C525D;
    border-bottom: 1px solid rgba(76,82,93,0.5);
}

h6 a {
    color: #4C525D;
    border-bottom: 1px solid rgba(76,82,93,0.5);
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    line-height: 1.4;
    text-decoration: none;
}

    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
        border-bottom-width: 2px;
        border-bottom-color: #1090D5;
        color: #1090D5;
    }

.bf {
    font-family: 'FuseV2','Helvetica Neue',Arial,sans-serif;
    font-weight: 900;
}

.centered-heading {
    text-align: center;
}

h1.underlined, h2.underlined, h3.underlined {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    line-height: 1;
}

h1.underlined {
    font-size: 40px;
}

h2.underlined {
    font-size: 34px;
}

h3.underlined {
    font-size: 26px;
}

    h1.underlined::after, h2.underlined::after, h3.underlined::after {
        content: "";
        position: absolute;
        left: 0;
        width: 100px;
        background: #1090D5;
        height: 4px;
        border-radius: 4px;
        bottom: 0;
    }

h4.underlined {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height: 1;
}

h4.underlined {
    font-size: 20px;
}

    h4.underlined::after {
        content: "";
        position: absolute;
        left: 0;
        width: 50px;
        background: #5B6270;
        height: 4px;
        border-radius: 4px;
        bottom: 0;
    }

h4.underlinedFooter::after {
    content: "";
    position: absolute;
    left: 0;
    width: 50px;
    background: #5B6270;
    height: 4px;
    border-radius: 4px;
    bottom: 0;
}

    h1.underlined a, h2.underlined a, h3.underlined a, h4.underlined a {
        border: 0 none;
        line-height: 1;
    }

        h1.underlined a::after, h2.underlined a::after, h3.underlined a::after, h4.underlined a::after {
            content: "\00a0\f105";
            color: #1090D5;
            font-family: FontAwesome;
        }

        h1.underlined a:hover::after, h2.underlined a:hover::after, h3.underlined a:hover::after, h4.underlined a:hover::after {
            content: "\00a0\f0da";
        }


.headline-20px, .headline-30px, .headline-36px, .headline-40px, .headline-50px, .headline-60px, .headline-80px, .headline-100px, .headline-120px, .headline-150px {
    font-family: 'FuseV2';
    font-weight: bold;
    text-transform: uppercase;
    color: #2D3138;
    margin: 40px 0;
    line-height: 0.8;
}

.headline-20px {
    font-size: 30px;
}

.headline-30px {
    font-size: 30px;
}

.headline-36px {
    font-size: 36px;
}

.headline-40px {
    font-size: 40px;
}

.headline-50px {
    font-size: 50px;
}

.headline-60px {
    font-size: 60px;
}

.headline-80px {
    font-size: 80px;
}

.headline-100px {
    font-size: 100px;
}

.headline-120px {
    font-size: 120px;
}

.headline-150px {
    font-size: 150px;
}

.headline-20px.inverted-headline, .headline-30px.inverted-headline, .headline-36px.inverted-headline, .headline-40px.inverted-headline, .headline-50px.inverted-headline, .headline-60px.inverted-headline, .headline-80px.inverted-headline, .headline-100px.inverted-headline, .headline-120px.inverted-headline, .headline-150px.inverted-headline {
    color: #FFF;
}

.headline-20px span, .headline-30px span, .headline-36px span, .headline-40px span, .headline-50px span, .headline-60px span, .headline-80px span, .headline-100px span, .headline-120px span, .headline-150px span {
    color: #1090D5;
}


.foil, a:hover .hover-foil {
    color: #1090D5;
    background-image: -webkit-linear-gradient(-20deg,rgba(53,176,230,0) 20%,rgba(53,176,230,1) 50%,rgba(53,176,230,0.8) 50%,rgba(53,176,230,0) 80%), -webkit-linear-gradient(top,#35B0E6,#1090D5);
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    pointer-events: none;
    position: relative;
    display: inline-block;
}

.foil {
    -webkit-background-size: 300px 100%, 100% 100%;
    -webkit-animation: foil 3s infinite;
    margin-left: -300px;
    margin-right: -300px;
    padding-left: 300px;
    padding-right: 300px;
}

a:hover .hover-foil {
    -webkit-background-size: 100px 100%, 100% 100%;
    -webkit-animation: foil 2s infinite;
    margin-left: -100px;
    margin-right: -100px;
    padding-left: 100px;
    padding-right: 100px;
}

@-webkit-keyframes foil {
    0% {
        background-position: top left;
    }

    75%, 100% {
        background-position: top right;
    }
}

@keyframes foil {
    0% {
        background-position: top left;
    }

    75%, 100% {
        background-position: top right;
    }
}


p, ul, ol {
    margin: 0 0 1em;
    line-height: 1.5;
}

    p a, ul a, ol a {
        color: #06C;
    }

        p a:hover, ul a:hover, ol a:hover {
            color: #606;
        }

ul {
    list-style-type: square;
}

ul, ol {
    padding: 0 0 0 2em;
}

a:hover img {
    opacity: 0.8;
}

@media screen and (max-width:760px) {
    h2.underlined {
        font-size: 24px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    h3.underlined {
        font-size: 20px;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
}


.body-content:before, .body-content:after {
    content: "";
    display: table;
    line-height: 0;
}

.body-content:after {
    clear: both;
}


/**  Image styles  **/
.body-content img, #uon-lightbox-content img {
    max-width: 100%;
    height: auto;
}

img.round-image {
    border-radius: 100%;
}

img.pull-right {
    margin-left: 20px;
}

img.pull-left {
    margin-right: 20px;
}

figure.pull-left, figure.pull-right {
    width: 300px;
}

.body-content figure.pull-left {
    margin: 0 2em 2em 0;
}

.body-content figure.pull-right {
    margin: 0 0 2em 2em;
}

figure.pull-left figcaption, figure.pull-right figcaption {
    margin-top: 10px;
    font-size: 12px;
    font-style: italic;
    color: #5B6270;
}


/**********************/
/**  Content Styles  **/
/**********************/

.body-content hr, #uon-lightbox-content hr {
    border: 0 none transparent;
    border-top: 1px solid #ECEDEF;
    border-bottom: 1px solid #ECEDEF;
    margin: 40px auto;
    border-radius: 2px;
}

    .body-content hr.solid, #uon-lightbox-content hr.solid {
        border-top: 2px solid #8E95A3;
        border-bottom: 2px solid #8E95A3;
        border-radius: 4px;
    }

    .body-content hr:first-child, #uon-lightbox-content hr:first-child {
        margin-top: 0;
    }

    .body-content hr:last-child, #uon-lightbox-content hr:last-child {
        margin-bottom: 0;
    }

.body-content p.intro, #uon-lightbox-content p.intro {
    font-size: 1.2em;
}

.body-content p.section-intro, #uon-lightbox-content p.section-intro {
    font-size: 1.4em;
    line-height: 1.3;
    font-family: FuseV2;
    color: #4C525D;
    font-weight: 600;
    position: relative;
}

    .body-content p.section-intro strong, #uon-lightbox-content p.section-intro strong {
        font-weight: 600;
        color: #2D3138;
    }

.body-content h2 + p.section-intro {
    margin-bottom: 1.5em;
}

.body-content p.centered-intro {
    text-align: center;
}

.body-content p.section-intro.blue-intro, #uon-lightbox-content p.section-intro.blue-intro {
    color: #1090d5;
    font-size: 1.5em;
}

hr.invisible {
    margin: 30px auto;
    border: 1px solid transparent;
}

.grid-block hr.invisible {
    margin: 20px auto;
}

@media screen and (max-width:768px) {
    hr.invisible {
        margin: 10px auto;
    }

    .grid-block hr.invisible {
        margin: 10px auto;
    }
}

.body-content figure {
    margin: 2em 0;
}

    .body-content figure:first-child {
        margin-top: 0;
    }

    .body-content figure:last-child {
        margin-bottom: 0;
    }

    .body-content figure p {
        margin: 0;
        color: #5B6270;
    }

@media screen and (max-width:760px) {
    .body-content p.section-intro, #uon-lightbox-content p.section-intro {
        font-size: 1.2em;
    }
}

.body-content blockquote {
    margin: 40px 0;
    font-size: 18px;
    font-family: Heuristica,Georgia,serif;
    color: #0F1012;
    position: relative;
    background: none;
}

    .body-content blockquote:first-child {
        margin-top: 0;
    }

    .body-content blockquote:last-child {
        margin-bottom: 0;
    }

    .body-content blockquote p {
        position: relative;
    }

        .body-content blockquote p:first-child::before {
            content: "“";
            position: absolute;
            left: -0.6em;
            top: 0;
        }

        .body-content blockquote p:first-child {
            margin-top: 0;
        }

        .body-content blockquote p:last-child {
            margin-bottom: 0;
        }

    .body-content blockquote cite {
        color: #5B6270;
        display: block;
        font-family: 'Helvetica Neue',Arial,sans-serif;
        font-size: 14px;
        text-align: right;
    }

    .body-content blockquote.pullquote {
        width: 50%;
        font-size: 22px;
    }

        .body-content blockquote.pullquote p {
            line-height: 1.3;
            margin: -4px 0 -8px;
            text-align: left;
        }

    .body-content blockquote.pullquote-right {
        float: right;
        margin: 0 -15% 20px 40px;
        border-left: 3px solid #1090D5;
        padding-left: 40px;
    }

    .body-content blockquote.pullquote-left {
        float: left;
        margin: 0 40px 20px -15%;
        border-right: 3px solid #1090D5;
        padding-right: 40px;
    }

    .body-content blockquote.highlight-quote {
        color: #1090D5;
        font-size: 24px;
    }

        .body-content blockquote.highlight-quote p::after {
            content: "”";
        }

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}


/***************/
/**  Buttons  **/
/***************/

.button, .sq-form-submit {
    border: 2px solid #2D3138;
    color: #2D3138;
    text-decoration: none;
    padding: 8px 12px;
    display: inline-block;
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
    text-shadow: none;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    background: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

    .button.small-button {
        font-size: 12px;
        padding: 6px 10px;
    }

    .button.large-button {
        font-size: 20px;
        padding: 12px 16px;
    }

    .button.large-round-button {
        font-size: 30px;
        padding: 40px;
        border-width: 4px;
        border-radius: 170px;
    }

    .button.previous-button:before {
        content: "\f104";
        font-family: 'fontawesome';
        margin-right: 0.8em;
        line-height: 1;
    }

    .button.next-button:after {
        content: "\f105";
        font-family: 'fontawesome';
        margin-left: 0.8em;
        line-height: 1;
    }

    .button.inverted-button {
        border-color: #FFF;
        color: #FFF;
    }

    .button.solid-button, .sq-form-submit {
        background: #2D3138;
        color: #FFF;
    }

        .button.solid-button.inverted-button {
            background: #FFF;
            border-color: #FFF;
            color: #2D3138;
        }

            .button:hover, .button.solid-button.inverted-button:hover, .sq-form-submit:hover {
                background: #06C;
                border-color: #06C;
                color: #FFF;
                cursor: pointer;
            }

    .button.inverted-button:hover {
        background: #FFF;
        color: #2D3138;
        border-color: #FFF;
    }

    .button .fa, .button .i8 {
        margin-right: 10px;
    }

    .button.very-small-button {
        font-size: 11px;
        padding: 2px 6px;
    }

        .button.very-small-button:hover {
            color: #FFF;
            text-decoration: none;
        }

        .button.very-small-button .fa, .button.very-small-button .i8 {
            margin-right: 5px;
        }

@media screen and (max-width:760px) {
    .button.large-button {
        font-size: 14px;
        padding: 8px 12px;
    }
}



/**********************/
/**  Call to action  **/
/**********************/

/** In process of moving to uon-call-to-action.css **/

a.call-to-action, button.call-to-action {
    font-family: 'FuseV2';
    font-weight: 900;
    background: #5B6270;
    color: #FFF;
    display: block;
    border-radius: 4px;
    padding: 10px 80px;
    position: relative;
    font-size: 19px;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
    height: 76px;
    vertical-align: middle;
    cursor: pointer;
}

button.call-to-action {
    border: 0 none;
}

    a.call-to-action.cta-no-icon, button.call-to-action.cta-no-icon {
        padding-left: 30px;
    }

a.call-to-action .fa, a.call-to-action .i8 {
    font-size: 40px;
    margin-right: 20px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

a.call-to-action .cta-label, button.call-to-action .cta-label {
    display: table-cell;
    vertical-align: middle;
    height: 56px;
    text-decoration: none;
}

a.call-to-action::after, button.call-to-action::after {
    position: absolute;
    right: 10px;
    top: 10px;
    bottom: 10px;
    text-align: center;
    line-height: 56px;
    width: 50px;
    border-left: 2px solid rgba(255,255,255,0.5);
    font-family: fontawesome;
    content: "\f105";
}

a.call-to-action.popup-link::after {
    content: "\f065";
}

a.call-to-action:hover, button.call-to-action:hover {
    background: #1090D5;
    color: #FFF;
}

    a.call-to-action:hover::after, button.call-to-action:hover::after {
        background: #FFF;
        border-radius: 3px;
        color: #1090D5;
    }

a.large-call-to-action {
    height: auto;
}

    a.large-call-to-action::after {
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
    }

.large-call-to-action .cta-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
}

    .large-call-to-action .cta-label strong {
        font-size: 24px;
        line-height: 1;
    }

@media screen and (max-width:768px) {
    a.call-to-action, button.call-to-action {
        height: 56px;
        padding: 5px 60px;
        font-size: 15px;
        line-height: 16px;
    }

        a.call-to-action::after, button.call-to-action::after {
            line-height: 36px;
            width: 35px;
        }

        a.call-to-action.popup-link::after, button.call-to-action.popup-link::after {
            content: "";
        }

        a.call-to-action .cta-label, button.call-to-action .cta-label {
            height: 46px;
        }

        a.call-to-action .fa, a.call-to-action .i8, button.call-to-action .fa, button.call-to-action .i8 {
            margin: 0;
            left: 15px;
            font-size: 30px;
        }

    a.large-call-to-action {
        height: auto;
        padding: 10px 60px;
    }

        a.large-call-to-action .cta-label {
            height: auto;
        }

            a.large-call-to-action .cta-label strong {
                font-size: 22px;
            }
}




/**************/
/**  Header  **/
/**************/

#uon-header {
    background: #FFF;
    height: 120px;
    position: relative;
    z-index: 100;
    padding: 0 20px;
    min-width: 900px;
}

    #uon-header:after {
        content: "";
        background: rgba(0,0,0,0.25);
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        height: 1px;
    }

    #uon-header .inner {
        position: relative;
    }

@media(max-width:900px) {
    #uon-header {
        min-width: 100%;
    }
}

@media(max-width:760px) {
    #uon-header {
        height: 60px;
        padding: 0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }
}

/**  UON Logo  **/
#uon-logo-full {
    background: #000;
    width: 150px;
    height: 150px;
    text-indent: -999px;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    left: auto;
    z-index: 110;
}

    #uon-logo-full img {
        display: block;
        width: 100%;
        height: 100%;
    }

    #uon-logo-full:hover img {
        opacity: 1;
    }

@media(max-width:760px) {
    #uon-logo-full {
        height: 60px;
        width: 60px;
    }
}

/**  Header Tools - Students/Staff/Quicklinks/Social  **/
#header-tools {
    font-size: 12px;
    padding: 10px 0;
    height: 60px;
    white-space: nowrap;
}

    #header-tools ol {
        list-style-type: none;
        margin: 0 20px 0 0;
        padding: 0;
        float: right;
    }

    #header-tools > ol > li {
        display: inline;
        float: left;
        line-height: 40px;
        margin: 0 10px;
    }

    #header-tools ol li a {
        color: #6B7382;
        text-decoration: none;
    }

    #header-tools ol li .fa-angle-down {
        margin-left: 5px;
    }

    #header-tools ol li a:hover {
        color: #06C;
        text-decoration: underline;
    }

    #header-tools ol li.social-link {
        margin: 0 2px;
    }

        #header-tools ol li.social-link a {
            display: block;
        }

            #header-tools ol li.social-link a:hover {
                text-decoration: none;
            }

    #header-tools ol li .social-icon {
        display: block;
        margin-top: 5px;
    }

    #header-tools ol li#quick-links {
        border-left: 1px solid #C6CAD1;
        margin-left: 5px;
        margin-right: 15px;
        position: relative;
    }

        #header-tools ol li#quick-links:hover {
            border-left-color: transparent;
        }

        #header-tools ol li#quick-links > span {
            font-weight: bold;
            display: block;
            padding: 0 14px;
            color: #5B6270;
            border: 1px solid transparent;
            line-height: 38px;
            z-index: 140;
            position: relative;
            cursor: pointer;
        }

            #header-tools ol li#quick-links > span:hover, #header-tools ol li#quick-links:hover > span {
                background: #FFF;
                border-radius: 3px 3px 0 0;
                color: #2D3138;
                border: 1px solid rgba(0,0,0,0.25);
                border-bottom: 0 none;
            }

        #header-tools ol li#quick-links ol {
            display: none;
            position: absolute;
            left: 0;
            top: 38px;
            background: #FFF;
            margin: 0;
            padding: 10px 0;
            z-index: 130;
            border-radius: 0 3px 3px 3px;
            line-height: 25px;
            border: 1px solid rgba(0,0,0,0.25);
        }

        #header-tools ol li#quick-links:hover ol {
            display: block;
        }

        #header-tools ol li#quick-links ol li a {
            display: block;
            padding: 0 25px 0 15px;
        }

            #header-tools ol li#quick-links ol li a:hover {
                background: #ECEDEF;
            }

/**  Header Search  **/
#header-search {
    float: right;
    position: relative;
}

    #header-search #search-select {
        background: #ECEDEF;
        color: #5B6270;
        font-style: italic;
        font-size: 11px;
        display: inline-block;
        line-height: 34px;
        text-align: center;
        padding: 0 10px;
        white-space: nowrap;
        border-top: 3px solid #2D3138;
        border-bottom: 3px solid #2D3138;
    }

        #header-search #search-select .fa-angle-down {
            margin-left: 10px;
        }

        #header-search #search-select:hover {
            background: #5B6270;
            color: #FFF;
            cursor: pointer;
        }

    #header-search #search-field, #header-search #search-submit, #header-search #search-select {
        vertical-align: top;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }

    #header-search #search-field {
        background: #FFF;
        border: 3px solid #2D3138;
        border-right: 0;
        border-radius: 3px 0 0 3px;
        line-height: 34px;
        width: 200px;
        font-size: 13px;
        padding: 0 10px;
        margin: 0;
        height: 40px;
    }

        #header-search #search-field:focus {
            border-color: #1090D5;
        }

    #header-search #search-submit {
        background: #2D3138;
        color: #FFF;
        border: 0 none;
        border-radius: 0 3px 3px 0;
        line-height: 34px;
        width: 40px;
        font-size: 20px;
        cursor: pointer;
        padding: 0;
        text-align: center;
        height: 40px;
    }

        #header-search #search-submit:hover {
            background: #1090D5;
        }

#search-select {
    position: relative;
}

#search-select-options {
    position: absolute;
    top: 34px;
    right: 0;
    display: none;
    text-align: left;
    background: #2D3138;
    color: #FFF;
    z-index: 120;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
}

#search-select:hover #search-select-options {
    display: block;
}

#search-select-options li {
    padding: 0 35px 0 15px;
    white-space: nowrap;
    line-height: 30px;
    position: relative;
}

    #search-select-options li.active:after {
        content: "\f00c";
        font-family: 'fontawesome';
        position: absolute;
        right: 15px;
        top: 0;
    }

    #search-select-options li:hover {
        background: #5B6270;
    }

@media(max-width:900px) {
    #header-tools ol li.social-link {
        display: none;
    }

    #header-search #search-select {
        display: none;
    }
}

@media(max-width:760px) {
    #header-tools {
        padding: 10px 10px 10px 130px;
    }

    #header-search {
        float: none;
    }

        #header-search #search-field {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            width: calc(100% - 40px);
        }

        #header-search #search-select {
            position: absolute;
            right: 40px;
            top: 0;
        }

        #header-search #search-submit {
            position: absolute;
            right: 0;
            top: 0;
        }
}


/*****************/
/**  Mega menu  **/
/*****************/

#mega-menu {
    height: 60px;
    padding-left: 160px;
    position: relative;
}

    #mega-menu > ol {
        margin: 0;
        padding: 0;
    }

        #mega-menu > ol > li {
            display: inline;
            float: left;
            margin: 0;
            padding: 0;
            font-size: 18px;
            margin-left: 5px;
        }

            #mega-menu > ol > li:first-child {
                margin-left: 0;
            }

            #mega-menu > ol > li > a {
                line-height: 60px;
                padding: 0 15px;
                color: #2D3138;
                font-weight: bold;
                text-decoration: none;
                display: block;
                border-radius: 3px 3px 0 0;
            }

                #mega-menu > ol > li > a.highlight {
                    position: relative;
                }

                    #mega-menu > ol > li > a.highlight::after {
                        background: #1090D5;
                        border-radius: 3px 3px 0 0;
                        content: "";
                        display: block;
                        position: absolute;
                        height: 6px;
                        bottom: -1px;
                        left: 10px;
                        right: 10px;
                    }

                #mega-menu > ol > li > a:hover, #mega-menu > ol > li:hover > a {
                    color: #FFF;
                    background: #2D3138;
                }

            #mega-menu > ol > li > .menu-columns {
                display: none;
                position: absolute;
                left: 0;
                right: 0;
                top: 60px;
                background: #2D3138;
                border-radius: 0 0 3px 3px;
                z-index: 110;
            }

            #mega-menu > ol > li:hover > .menu-columns {
                display: block;
            }

.menu-columns .col {
    width: 25%;
    display: inline;
    position: relative;
    float: left;
    margin: 20px 0;
    padding: 0 20px;
}

    .menu-columns .col:first-child {
        border-left: 0;
    }

    .menu-columns .col a:hover {
        color: #FFF;
        text-decoration: underline;
    }

    .menu-columns .col p {
        font-weight: bold;
        border-bottom: 1px solid #5B6270;
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        color: #FFF;
    }

        .menu-columns .col p a {
            color: #FFF;
            text-decoration: none;
        }

    .menu-columns .col ol {
        list-style-type: none;
        margin: 0;
        padding: 0;
        line-height: 25px;
        font-size: 14px;
    }

        .menu-columns .col ol li {
            margin: 0;
            padding: 0;
        }

            .menu-columns .col ol li a {
                color: #C6CAD1;
                text-decoration: none;
            }

.menu-columns .cta-row {
    clear: both;
}

@media(max-width:1150px) {
    #mega-menu > ol > li {
        font-size: 15px;
    }
}

@media(max-width:1095px) {
    #mega-menu > ol > li {
        margin-left: 2px;
    }

        #mega-menu > ol > li > a {
            padding: 0 10px;
        }
}

@media(max-width:1025px) {
    #mega-menu > ol > li {
        margin-left: 2px;
        font-size: 14px;
    }

        #mega-menu > ol > li > a {
            padding: 0 10px;
        }
}

@media(max-width:980px) {
    #mega-menu > ol > li > a span {
        display: none;
    }
}

@media(max-width:965px) {
    #mega-menu > ol > li {
        margin-left: 1px;
    }

        #mega-menu > ol > li > a {
            font-size: 14px;
        }
}

@media(max-width:760px) {
    #mega-menu {
        display: none;
    }

    body.mobile #panel {
        padding-top: 60px;
    }
}



/************/
/**  Body  **/
/************/

#uon-body {
    padding: 0 20px;
}

#page-header + #uon-body, #page-header + #uon-inline-menu + #uon-body {
    padding-top: 40px; /*margin-top:40px;*/
}

#uon-body .wrapped {
    min-width: 900px;
}
/*#uon-body.one-column {padding:0;}*/
#panel.landing-page #uon-body.one-column {
    padding-left: 20px;
    padding-right: 20px;
    overflow-x: hidden;
}

#panel.landing-page #page-header + #uon-body.one-column {
    margin-top: 0;
}

#uon-body .body-menu, #uon-body .body-content, #uon-body .body-sidebar {
    display: inline;
    position: relative;
    float: left;
    margin: 0 0 40px;
}

#uon-body .body-content, #uon-body .unwrapped .body-content .wrapped {
    padding: 40px;
    background: rgba(255,255,255,0.9);
    border-radius: 3px;
}

#uon-body .unwrapped .body-content {
    padding: 0;
    background: none;
}

.landing-page #uon-body .wrapped {
    position: relative;
    z-index: 6;
}

    .landing-page #uon-body .wrapped .body-content, .sub-landing-page #uon-body .wrapped .body-content,
    .landing-page #uon-body.one-column .wrapped .body-content, .sub-landing-page #uon-body.one-column .wrapped .body-content {
        padding: 0; /*40px 0;*/
        background: none;
        border-radius: 0;
    }

.login-page #uon-body .body-content {
    display: none;
}

#uon-body.three-column .body-menu, #uon-body.two-column .body-menu {
    width: 25%;
}

#uon-body.three-column .body-content {
    width: 50%;
}

#uon-body.two-column .body-content, #uon-body.two-column-alt .body-content {
    width: 75%;
}

#uon-body.three-column .body-sidebar, #uon-body.two-column-alt .body-sidebar {
    width: 25%;
}

#uon-body.one-column .body-content {
    display: block;
    float: none;
    width: 100%;
}

#uon-body.two-column .body-sidebar {
    clear: both;
    display: block;
    float: none;
    margin: 0 -10px 40px;
    width: auto;
}

#uon-body.one-column .wrapped .body-content {
    padding: 0;
}

@media(max-width:1030px) {
    #uon-body.three-column .body-menu {
        width: 30%;
    }

    #uon-body.three-column .body-content {
        width: 70%;
    }

    #uon-body.three-column .body-sidebar {
        width: 100%;
    }
}

@media(max-width:900px) {
    #uon-body .wrapped {
        min-width: 100%;
    }
}

@media(max-width:760px) {
    #uon-body.three-column .body-menu, #uon-body.two-column .body-menu {
        width: 100%;
        float: none;
        display: block;
        margin: 20px 0;
    }

    #uon-body.three-column .body-content, #uon-body.two-column .body-content, #uon-body.two-column-alt .body-content {
        width: 100%;
        float: none;
        display: block;
    }

    #uon-body.two-column-alt .body-sidebar {
        width: 100%;
        float: none;
        display: block;
    }
}

@media(max-width:500px) {
    #uon-body {
        padding: 0;
    }

        #uon-body.one-column {
            padding: 0 20px;
        }

        #uon-body.three-column .body-menu, #uon-body.two-column .body-menu {
            margin-top: 0;
            margin-bottom: 10px;
        }

        #uon-body .body-content {
            padding: 20px;
            border-radius: 0;
        }
}


/*****************************************************************************/
/**  Header Carousel - Only works with home/landing/campaign page template  **/
/*****************************************************************************/

.landing-page #page-header .carousel-slide {
    width: 100%;
    background-position: center center;
    background-size: 100% auto;
}

    .landing-page #page-header .carousel-slide a {
        display: block;
        padding-bottom: 160px;
    }

        .landing-page #page-header .carousel-slide a .inner {
            position: relative;
            height: 500px;
            height: 40vw;
            max-height: 50vh;
            min-height: 400px;
        }

        .landing-page #page-header .carousel-slide a:hover {
        }

    .landing-page #page-header .carousel-slide .carousel-slide-caption {
        display: block;
        position: absolute;
        max-width: 50%;
        bottom: 0;
        left: 0;
        transition: 0.75s;
        transition: 0.75s;
    }

.landing-page #page-header .carousel-slide-caption h2 {
    font-size: 50px;
    line-height: 1;
    color: #FFF;
    font-family: 'FuseV2','Helvetica Neue',Arial,sans-serif;
    font-weight: 900;
}

.landing-page #page-header .carousel-slide-caption p {
    font-size: 20px;
}

    .landing-page #page-header .carousel-slide-caption p:last-child {
        margin-bottom: 0;
    }

.landing-page #page-header .carousel-slide a .button {
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 0 rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5), 1px 1px 0 rgba(0,0,0,0.5) inset,0 0 20px rgba(0,0,0,0.5) inset;
}

.landing-page #page-header .carousel-slide a:hover .button {
    background: #06C;
    color: #FFF;
    border-color: #06C;
    box-shadow: 1px 1px 0 rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5);
}

.landing-page #page-header .flickity-page-dots {
    bottom: 130px;
}

    .landing-page #page-header .flickity-page-dots .dot {
        background: #FFF;
    }

.landing-page #page-header .flickity-prev-next-button {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    padding: 0;
    background: none;
    border: 0 none;
    appearance: none;
    transition: 0.2s all;
    z-index: 100;
}

    .landing-page #page-header .flickity-prev-next-button:hover {
        background: #1090D5;
        height: 100px;
        width: 80px;
        margin-top: -50px;
        cursor: pointer;
    }

    .landing-page #page-header .flickity-prev-next-button.previous {
        left: 0;
    }

    .landing-page #page-header .flickity-prev-next-button.next {
        right: 0;
    }

    .landing-page #page-header .flickity-prev-next-button.previous:hover {
        border-radius: 0 50px 50px 0;
    }

    .landing-page #page-header .flickity-prev-next-button.next:hover {
        border-radius: 50px 0 0 50px;
    }

    .landing-page #page-header .flickity-prev-next-button svg {
        transition: 0.2s all;
    }



/*******************/
/**  Page Header  **/
/*******************/

#page-header {
    overflow: hidden;
    position: relative;
    background-color: #3D414A;
    background-position: center;
    background-size: cover;
}

    #page-header:after {
        content: "";
        background: rgba(0,0,0,0.25);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
    }

#panel.sub-landing-page #page-header {
    background: none;
}

    #panel.sub-landing-page #page-header::after {
        display: none;
    }

#cookie-trail + #page-header {
    margin-top: -89px;
}

#cookie-trail.hidden-cookie-trail + #page-header {
    margin-top: 0;
}

#panel.sub-landing-page #cookie-trail.hidden-cookie-trail + #page-header {
    margin-top: 30px;
}

#page-header > a {
    display: block;
    background: linear-gradient(60deg,rgba(0,0,0,0.75),rgba(0,0,0,0) 60%);
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5);
    padding: 0 20px;
}

#page-header a {
    text-decoration: none;
    text-decoration: none;
}

#page-header .header-tint {
    background: linear-gradient(60deg,rgba(0,0,0,0.75),rgba(0,0,0,0) 60%);
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5);
    padding: 0 20px;
}

#page-header .no-header-tint {
    padding: 0 20px;
}

.pre-page-header-title {
    font-size: 20px;
    line-height: 1;
    color: #FFF;
    font-family: 'FuseV2','Helvetica Neue',Arial,sans-serif;
    font-weight: 600;
    display: block;
    padding: 60px 0 20px;
    text-decoration: none;
}

.page-header-title {
    font-size: 50px;
    line-height: 1;
    color: #FFF;
    font-family: 'FuseV2','Helvetica Neue',Arial,sans-serif;
    font-weight: 900;
    display: inline-block;
    margin: 0;
    max-width: 75%;
}

#page-header .pre-page-header-title + .page-header-title {
    padding-top: 0;
}

#page-header .pre-page-header-title .thin, #page-header .page-header-title .thin {
    font-weight: 300;
}

#cookie-trail + #page-header .inner {
    margin-top: 100px;
}

#cookie-trail.hidden-cookie-trail + #page-header .inner {
    margin-top: 0;
}

#cookie-trail + #page-header .header-tint .inner, #cookie-trail + #page-header .no-header-tint .inner {
    margin-top: 0;
    padding-top: 100px;
    padding-bottom: 40px;
}


#cookie-trail.hidden-cookie-trail + #page-header .header-tint .inner, #cookie-trail.hidden-cookie-trail + #page-header .no-header-tint .inner {
    padding-top: 0;
}

#page-header .headline-30px, #page-header .headline-36px, #page-header .headline-40px, #page-header .headline-50px, #page-header .headline-60px, #page-header .headline-80px, #page-header .headline-100px, #page-header .headline-120px, #page-header .headline-150px {
    margin-bottom: 0;
}

    #page-header .headline-80px small {
        display: block;
        position: relative;
        font-size: 40px;
    }

        #page-header .headline-80px small.underlined {
            padding-bottom: 20px;
            margin-bottom: 20px;
        }

            #page-header .headline-80px small.underlined::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: -2px;
                height: 4px;
                width: 153px;
                border-radius: 4px;
                background: #1090D5;
            }

    #page-header .headline-120px small {
        margin-bottom: 20px;
        display: block;
        position: relative;
        font-size: 60px;
    }

        #page-header .headline-120px small.underlined {
            padding-bottom: 20px;
        }

            #page-header .headline-120px small.underlined::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: -2px;
                height: 4px;
                width: 153px;
                border-radius: 4px;
                background: #1090D5;
            }

#page-header .headline-150px {
    margin: 40px 0 0;
}
/*90*/
.hidden-cookie-trail + #page-header .headline-150px {
    margin-top: 90px;
}

#panel.home-page #page-header .headline-150px {
    margin-top: 0;
}

#page-header .headline-150px small {
    margin-bottom: 20px;
    display: block;
    position: relative;
    font-size: 40px;
}

    #page-header .headline-150px small.underlined {
        padding-bottom: 20px;
    }

        #page-header .headline-150px small.underlined::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -2px;
            height: 4px;
            width: 100px;
            border-radius: 4px;
            background: #1090D5;
        }

#page-header .headline-40px + .headline-120px {
    margin-top: 30px;
}

#page-header .page-header-image {
    width: 100%;
    vertical-align: top;
}

@media(max-width:760px) {
    #cookie-trail + #page-header {
        margin-top: 0;
    }

        #cookie-trail + #page-header .header-tint .inner, #cookie-trail + #page-header .no-header-tint .inner {
            padding-top: 20px;
            padding-bottom: 20px;
        }

    #page-header .headline-40px {
        font-size: 30px;
    }

    #page-header .headline-120px {
        font-size: 100px;
    }

    #page-header .headline-40px + .headline-120px {
        margin-top: 20px;
    }

    #page-header .headline-150px {
        font-size: 80px;
        margin-top: 30px;
    }

    #page-header .headline-80px {
        font-size: 60px;
    }

        #page-header .headline-80px + .headline-150px {
            font-size: 100px;
        }
}

@media(max-width:760px) {
    #page-header .headline-120px {
        font-size: 70px;
    }
}

#page-header.scaling-header {
    min-height: 25vw;
}

    #page-header.scaling-header .inner {
        justify-content: flex-start;
        display: flex;
        align-items: flex-end;
        align-content: flex-end;
        height: 100%;
        min-height: 25vw;
    }


/********************/
/**  Cookie Trail  **/
/********************/

#cookie-trail {
    padding: 50px 20px 20px;
    font-size: 13px;
    line-height: 20px;
    color: #5B6270;
}

    #cookie-trail ol {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 1;
    }

        #cookie-trail ol li {
            display: inline;
            margin: 0;
            padding: 0;
        }

            #cookie-trail ol li.current-page {
                font-weight: bold;
                color: #2D3138;
            }

            #cookie-trail ol li a {
                text-decoration: none;
                color: #5B6270;
            }

                #cookie-trail ol li a:hover {
                    color: #06C;
                    text-decoration: underline;
                }

            #cookie-trail ol li:before {
                content: "\f105";
                font-family: "fontawesome";
                margin: 0 10px;
            }

            #cookie-trail ol li.current-page:before {
                content: "\f0da";
            }

            #cookie-trail ol li.home-link:before {
                content: "";
                display: none;
            }

    #cookie-trail.light-cookie-trail {
        color: #C6CAD1;
        color: rgba(255,255,255,0.8);
    }

        #cookie-trail.light-cookie-trail ol li.current-page {
            color: #FFF;
        }

        #cookie-trail.light-cookie-trail ol li a {
            color: #C6CAD1;
            color: rgba(255,255,255,0.8);
        }

            #cookie-trail.light-cookie-trail ol li a:hover {
                color: #FFF;
            }

    #cookie-trail.hidden-cookie-trail {
        display: none;
    }

@media(max-width:760px) {
    #cookie-trail {
        display: none;
    }
}


/*****************/
/**  Side Menu  **/
/*****************/

#side-menu-title {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    background: #4C525D;
}

#side-menu > ol > li#side-menu-title > a {
    color: #D9DBE0;
}

    #side-menu > ol > li#side-menu-title > a:hover {
        background: #3D414A;
        color: #FFF;
    }

#side-menu .menu-toggle {
    display: none;
}

#side-menu ol, #side-menu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#side-menu > ol {
    background: rgba(91,98,112,0.9);
    margin: 0 20px 0px 0;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 3px;
    overflow: hidden;
}

    #side-menu > ol > li {
        border-top: 1px solid #4C525D;
    }

        #side-menu > ol > li:first-child {
            border-top: 0;
        }

        #side-menu > ol > li > a {
            display: block;
            text-decoration: none;
            padding: 15px;
            margin: 0;
            color: #FFF;
        }

            #side-menu > ol > li > a:hover {
                background: #5B6270;
            }

            #side-menu > ol > li > a.current {
                background: #7C8493;
                font-weight: bold;
            }

    #side-menu > ol ol {
        margin: 0 0 10px 10px;
        border-left: 2px solid #3D414A;
        font-size: 12px;
    }

        #side-menu > ol ol > li > a {
            display: block;
            color: #FFF;
            text-decoration: none;
            padding: 5px 10px;
        }

            #side-menu > ol ol > li > a:hover {
                background: #5B6270;
            }

            #side-menu > ol ol > li > a.current {
                background: #7C8493;
                color: #FFF;
                font-weight: bold;
            }

@media(max-width:760px) {
    #side-menu .menu-toggle {
        display: block;
        width: 100px;
        margin: 10px auto;
        text-align: center;
    }

        #side-menu .menu-toggle .fa {
            margin-right: 5px;
        }

    #side-menu.open .menu-toggle .fa:before {
        content: "";
    }

    #side-menu ol {
        display: none;
        margin-right: 0;
    }

        #side-menu ol ol {
            display: block;
            padding-left: 0;
        }

        #side-menu ol li a {
            padding: 15px;
        }

    #side-menu > ol ol > li > a {
        padding: 15px;
    }
}


/****************/
/**  Top Menu  **/
/****************/

#top-menu {
    margin-bottom: 40px;
}

    #top-menu #side-menu-title {
        font-size: 14px;
    }

    #top-menu .menu-toggle {
        display: none;
    }

    #top-menu ol, #top-menu li {
        list-style-type: none;
        text-align: left;
    }

    #top-menu > ol {
        background: rgba(91,98,112,0.9);
        border-radius: 3px;
        padding: 0;
    }

        #top-menu > ol ol {
            display: none;
        }

        #top-menu > ol > li {
            margin: 0;
            border-left: 1px solid #5B6270;
            display: inline-block;
            position: relative;
        }

            #top-menu > ol > li:hover {
                background: #5B6270;
            }

            #top-menu > ol > li:first-child {
                border-left: 0 none;
                border-radius: 3px 0 0 3px;
            }

                #top-menu > ol > li:first-child a {
                    border-radius: 3px 0 0 3px;
                }

            #top-menu > ol > li > a {
                color: #FFF;
                text-decoration: none;
                padding: 15px 15px;
                display: block;
                font-weight: bold;
            }

                #top-menu > ol > li > a .fa {
                    margin-left: 10px;
                }

                #top-menu > ol > li > a:hover {
                    background: #5B6270;
                    text-decoration: underline;
                }

                #top-menu > ol > li > a.current {
                    background: #5B6270;
                    color: #FFF;
                }

#page-header + #top-menu {
    background: rgba(91,98,112,0.9);
}

    #page-header + #top-menu > ol {
        background: none;
        border-radius: 0;
    }

        #page-header + #top-menu > ol > li#side-menu-title {
            display: none;
        }

        #page-header + #top-menu > ol > li:first-child, #page-header + #top-menu > ol > li:first-child a {
            border-radius: 0;
        }

#top-menu > ol li:hover ol {
    background: #5B6270;
    border-radius: 0 0 3px 3px;
    display: block;
    left: 0;
    margin: 0;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 10;
}

#top-menu > ol ol > li {
    border-top: 1px solid #5B6270;
}

    #top-menu > ol ol > li:first-child {
        border-top: 0 none;
    }

    #top-menu > ol ol > li > a {
        color: #FFF;
        text-decoration: none;
        padding: 10px 15px;
        display: block;
        font-weight: bold;
        white-space: nowrap;
    }

        #top-menu > ol ol > li > a:hover {
            background: #6B7382;
            text-decoration: underline;
        }

        #top-menu > ol ol > li > a.current {
            background: #6B7382;
            color: #FFF;
        }



/*********************/
/**  Section Block  **/
/*********************/

.section-block {
    background: #2D3138;
    color: #FFF;
    border-radius: 3px;
    overflow: hidden;
    padding: 40px;
}

    .section-block h2 {
        color: #FFF;
        margin-bottom: 20px;
    }

    .section-block p {
        margin: 20px 0;
    }

        .section-block p:last-child {
            margin-bottom: 0;
        }

    .section-block hr {
        width: 100px;
        height: 4px;
        border-radius: 3px;
        background: #1090D5;
        border: 0 none;
        margin: 20px 0 25px 0;
    }

#panel.home-page .section-block .primary-search, #panel.landing-page .section-block .primary-search {
    margin: 0;
    padding: 0;
    width: 100%;
}

#panel.home-page .section-block .primary-search-box, #panel.landing-page .section-block .primary-search-box {
    width: 100%;
}

#panel.home-page .section-block .primary-search-button, #panel.landing-page .section-block .primary-search-button {
    top: 5px;
}

@media screen and (max-width:768px) {
    .section-block {
        padding: 20px;
    }

        .section-block p .button {
            margin-bottom: 10px;
        }

            .section-block p .button:last-child {
                margin-bottom: 0;
            }
}


/*****************/
/**  USP Items  **/
/*****************/

.grid-content.usp-grid-content {
    margin-top: 80px;
    margin-bottom: 80px;
}

.tabbed-content .grid-content.usp-grid-content, .grid-block .grid-content.usp-grid-content {
    margin-top: 40px;
    margin-bottom: 40px;
}

    .tabbed-content .grid-content.usp-grid-content:last-child, .grid-block .grid-content.usp-grid-content:last-child {
        margin-bottom: 0;
    }

.usp-item {
    display: block;
    margin: 0;
    color: #4C525D;
    text-decoration: none;
    text-align: center;
}

    .usp-item .i8 {
        color: #C6CAD1;
        display: block;
    }

    .usp-item .usp-label {
        display: inline-block;
        color: #1090D5;
        position: relative;
        line-height: 1;
        margin-bottom: 5px;
        font-weight: 900;
        text-transform: uppercase;
    }

a.usp-item:hover .usp-label {
    color: #06C;
}

.usp-item .usp-label-secondary {
    display: block;
    font-family: 'Heuristica';
    color: #5B6270;
}

a.usp-item .very-small-button {
    margin-top: 10px;
}

a.usp-item:hover .very-small-button {
    background: #06C;
    border-color: #06C;
    color: #FFF;
}

.grid-1-column .usp-item .i8, .grid-2-column .usp-item .i8,
.grid-3-column .usp-item .i8, .grid-4-column .usp-item .i8 {
    font-size: 80px;
    margin-bottom: 15px;
}

.grid-5-column .usp-item .i8 {
    font-size: 70px;
    margin-bottom: 15px;
}

.grid-1-column .usp-item .usp-label, .grid-2-column .usp-item .usp-label,
.grid-3-column .usp-item .usp-label, .grid-4-column .usp-item .usp-label {
    font-size: 24px;
}

.grid-5-column .usp-item .usp-label {
    font-size: 22px;
}

.grid-1-column .usp-item.usp-no-icon .usp-label, .grid-2-column .usp-item.usp-no-icon .usp-label,
.grid-3-column .usp-item.usp-no-icon .usp-label, .grid-4-column .usp-item.usp-no-icon .usp-label {
    font-size: 48px;
}

.grid-5-column .usp-item.usp-no-icon .usp-label {
    font-size: 44px;
}

.grid-1-column .usp-item .usp-label-secondary, .grid-2-column .usp-item .usp-label-secondary,
.grid-3-column .usp-item .usp-label-secondary, .grid-4-column .usp-item .usp-label-secondary {
    font-size: 16px;
}

.grid-5-column .usp-item .usp-label-secondary {
    font-size: 14px;
}

.usp-item .usp-label sup {
    position: absolute;
    border: 1px solid #6B7382;
    color: #6B7382;
    margin-left: 5px;
    font-weight: bold;
    border-radius: 100%;
    font-size: 8px;
    width: 13px;
    height: 13px;
    text-align: center;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    cursor: pointer;
    right: -16px;
    top: -2px;
    line-height: 13px;
    text-transform: none;
}

    .usp-item .usp-label sup:hover {
        background: #1090D5;
        border: 0 none;
        color: #FFF;
        border-radius: 0 0 100% 100%;
    }

        .usp-item .usp-label sup:hover:after {
            content: attr(data-usp-note);
            position: absolute;
            right: 0;
            bottom: 13px;
            background: rgba(46,49,56,0.9);
            color: #FFF;
            font-size: 12px;
            padding: 12px 15px;
            border-radius: 4px 4px 0 4px;
            width: 150px;
            text-align: left;
            font-weight: normal;
        }

@media (max-width:760px) {

    .grid-content.usp-grid-content {
        margin: 40px 0;
    }

        .grid-content.usp-grid-content .grid-block {
            margin-bottom: 20px;
        }

            .grid-content.usp-grid-content .grid-block:last-child {
                margin-bottom: 0;
            }

    .usp-item {
        text-align: left;
        position: relative;
        padding-left: 55px;
        min-height: 40px;
    }

    .grid-1-column .usp-item .i8, .grid-2-column .usp-item .i8, .grid-3-column .usp-item .i8, .grid-4-column .usp-item .i8, .grid-5-column .usp-item .i8 {
        font-size: 40px;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    .grid-1-column .usp-item .usp-label, .grid-2-column .usp-item .usp-label, .grid-3-column .usp-item .usp-label, .grid-4-column .usp-item .usp-label, .grid-5-column .usp-item .usp-label {
        font-size: 18px;
    }

    .grid-1-column .usp-item .usp-label-secondary, .grid-2-column .usp-item .usp-label-secondary, .grid-3-column .usp-item .usp-label-secondary, .grid-4-column .usp-item .usp-label-secondary {
        font-size: 14px;
    }
}


/****************/
/**  Messages  **/
/****************/

.message {
    padding: 20px;
    background: #F3F3F3;
    border-bottom: 2px solid #DDD;
}

    .message.message-info {
        background: #E5F0FA;
        border-bottom-color: #CCE0F5;
    }

    .message.message-alert {
        background: #FFFAE5;
        border-bottom-color: #FFF5CC;
    }

    .message.message-success {
        background: #F5FAE5;
        border-bottom-color: #EBF5CC;
    }

    .message.message-fail {
        background: #FAE5E5;
        border-bottom-color: #F5CCCC;
    }

    .message p:last-child {
        margin-bottom: 0;
    }


/*********************/
/**  Content boxes  **/
/*********************/

.blue-box {
    border: 1px solid rgba(16,144,213,0.2);
    background: #E4F2F9;
    padding: 30px;
    border-radius: 3px;
}

.grey-box {
    border: 1px solid #D9DBE0;
    background: #F6F7F9;
    padding: 30px;
    border-radius: 3px;
}

@media screen and (max-width:760px) {
    .blue-box, .grey-box {
        padding: 15px;
    }
}


/****************/
/**  Rankings  **/
/****************/

.ranking-fact {
    font-size: 50px;
    color: #1090D5;
    text-transform: uppercase;
    text-align: center;
    font-family: FuseV2;
    font-weight: 900;
}

.ranking-detail {
    font-size: 18px;
    color: #5B6270;
    font-family: Heuristica;
    text-align: center;
}

    .ranking-detail .fa-info-circle {
        position: relative;
        vertical-align: top;
        font-size: 12px;
    }

        .ranking-detail .fa-info-circle .ranking-note {
            display: none;
            position: absolute;
            top: 25px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(0,0,0,0.9);
            color: #FFF;
            padding: 10px 15px;
            text-align: left;
            border-radius: 3px;
            font-size: 12px;
            font-family: 'Helvetica Neue',Arial,sans-serif;
            width: 150px;
            font-size: 12px;
        }

            .ranking-detail .fa-info-circle .ranking-note p:last-child {
                margin: 0;
            }

            .ranking-detail .fa-info-circle .ranking-note::before {
                content: "";
                position: absolute;
                top: -20px;
                left: 50%;
                transform: translateX(-50%);
                border: 10px solid transparent;
                border-bottom-color: rgba(0,0,0,0.9);
            }

        .ranking-detail .fa-info-circle:hover::before {
            color: #1090D5;
        }

        .ranking-detail .fa-info-circle:hover .ranking-note {
            display: block;
        }

@media screen and (max-width:768px) {
    .ranking-fact {
        font-size: 40px;
    }

    .ranking-detail {
        font-size: 16px;
        max-width: 280px;
        margin: 0 auto;
    }
}



/***************/
/**  Planner  **/
/***************/

.planner-table {
    width: 100%;
    border-collapse: collapse;
}

    .planner-table td {
        vertical-align: top;
        padding: 10px 0;
        border-bottom: 1px solid #ECEDEF;
    }

    .planner-table .event-type {
        font-size: 20px;
        font-family: FuseV2;
        color: #1090D5;
        font-weight: 900;
    }

    .planner-table .planner-table-checkbox {
        width: 40px;
    }

    .planner-table .planner-table-name {
        width: auto;
    }

    .planner-table .planner-table-location {
        width: 150px;
        padding-left: 10px;
    }

        .planner-table .planner-table-location strong {
            display: block;
        }

@media screen and (max-width:600px) {
    .planner-table td {
        display: block;
        float: left;
    }

    .planner-table .event-type {
        width: 100%;
    }

    .planner-table .planner-table-checkbox {
        width: 40px;
        border-bottom: 0 none;
    }

    .planner-table .planner-table-name {
        width: calc(100% - 40px);
        border-bottom: 0 none;
    }

    .planner-table .planner-table-location {
        width: 100%;
        padding-left: 40px;
        padding-top: 0;
    }

        .planner-table .planner-table-location strong {
            display: inline;
        }

            .planner-table .planner-table-location strong::after {
                content: " - ";
            }
}


/*********************/
/**  AskUON Widget  **/
/*********************/

#ask-uon .rn_screen_reader_only, #ask-uon .rn_Hide {
    display: none;
}

#ask-uon .rn_SearchArea {
    position: relative;
    margin-bottom: 10px;
}

#ask-uon .rn_SearchBox .rn_Query {
    border: 2px solid #2D3138;
    border-radius: 3px;
    padding: 5px;
    font-size: 14px;
}

    #ask-uon .rn_SearchBox .rn_Query:focus {
        border-color: #1090D5;
        box-shadow: none;
    }

#ask-uon .rn_ButtonInput {
    background-color: #2D3138;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    border: 0 none;
    padding: 7px 10px;
    height: 31px;
    width: 40px;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
}

    #ask-uon .rn_ButtonInput:hover {
        background-color: #1090D5;
    }

#ask-uon #topFive ul {
}

    #ask-uon #topFive ul li {
    }

#ask-uon .rn_Navigation {
    margin-top: 10px;
}

    #ask-uon .rn_Navigation a {
        background: #2D3138;
        color: #FFF;
        padding: 6px 10px;
        border-radius: 3px;
        text-decoration: none;
        display: inline-block;
    }

        #ask-uon .rn_Navigation a:hover {
            background: #1090D5;
        }

#ask-uon h2 {
    font-size: 30px;
    padding-bottom: 0;
    margin-bottom: 10px;
}

    #ask-uon h2::after {
        display: none;
    }

    #ask-uon h2 span {
        color: #1090D5;
    }

.body-sidebar #ask-uon #topFive ul {
    padding-left: 15px;
}

    .body-sidebar #ask-uon #topFive ul, .body-sidebar #ask-uon #topFive ul li {
        list-style-type: none;
        position: relative;
    }

        .body-sidebar #ask-uon #topFive ul li {
            padding: 2px 0;
        }

            .body-sidebar #ask-uon #topFive ul li::before {
                color: #2D3138;
                position: absolute;
                top: 0;
                left: -15px;
                font-size: 14px;
                padding: 2px 0;
                content: "•";
            }


/******************************/
/**  AJAX Loading indicator  **/
/******************************/

.ajax-loading.fa-circle-o-notch, .ajax-success.fa-check-circle-o {
    font-size: 100px;
    text-align: center;
    padding: 100px 0;
    display: block;
}

.ajax-loading.fa-circle-o-notch {
    color: #B4B8C1;
}

.ajax-success.fa-check-circle-o {
    color: #64b871;
}

.loading-label, .success-label {
    margin: 100px auto 0;
    padding-bottom: 100px;
    display: block;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.loading-label {
    font-style: italic;
    color: #B4B8C1;
}

.success-label {
    color: #5B6270;
}

.ajax-loading.fa-circle-o-notch + .loading-label, .ajax-success.fa-check-circle-o + .success-label {
    margin-top: -80px;
}

@media screen and (max-width:760px) {
    .ajax-loading.fa-circle-o-notch, .ajax-success.fa-check-circle-o {
        font-size: 50px;
        margin: 50px auto;
    }

    .loading-label, .success-label {
        margin: 50px auto;
        font-size: 16px;
    }

    .ajax-loading.fa-circle-o-notch + .loading-label, .ajax-success.fa-check-circle-o + .success-label {
        margin-top: -40px;
    }
}


/*********************/
/**  Index Listing  **/
/*********************/
.index-listing {
    margin: 2em 0;
}

    .index-listing .col.w20 {
        padding-right: 20px;
    }

    .index-listing .clearfix {
        border-top: 1px solid #ECEDEF;
    }

        .index-listing .clearfix:first-child {
            border-top: 0 none;
        }



/************************/
/**  Infographic grid  **/
/************************/

.body-content .stackable-grid.infographic-grid {
    margin-left: -2px;
    margin-right: -2px;
}

.infographic-grid .stackable-block .block-inner {
    margin: 2px;
    box-shadow: none;
}

.stackable-block .infographic-block {
    display: block;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    transition: all 0.1s ease 0s;
    position: relative;
    padding: 30px 20px;
    background: #5B6270;
}

.stackable-block:nth-child(3n) .infographic-block {
    background: #7C818D;
}

.stackable-block:nth-child(5n) .infographic-block {
    background: #6B717E;
}

.stackable-block .infographic-block.selected {
    display: none;
}

.infographic-block:after {
    font-family: fontawesome;
    transition: all 0.1s ease 0s;
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #FFF;
    content: "\f055";
}

.infographic-block strong {
    display: block;
    font-size: 1em;
    margin-top: 20px;
    color: #FFF;
}

.infographic-block .i8 {
    display: block;
    font-size: 80px;
    transition: all 0.1s ease 0s;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin: 0 auto;
    border-radius: 100%;
    color: #FFF;
}

.infographic-block:hover strong {
    color: #5B6270;
}

.infographic-block:hover .i8 {
    color: #FFF;
    background: #5B6270;
    font-size: 50px;
}

.infographic-block:hover:after {
    color: #5B6270;
}

.infographic-block-content {
    padding: 30px;
    background: #ECEDEF;
}

    .infographic-block-content h2 .i8 {
        margin-right: 5px;
    }

.infographic-blue .stackable-block .infographic-block {
    background: #06C;
}

.infographic-blue .stackable-block:nth-child(3n) .infographic-block {
    background: #3385D6;
}

.infographic-blue .stackable-block:nth-child(5n) .infographic-block {
    background: #1975D1;
}

.infographic-blue .infographic-block:hover .i8 {
    background: #06C;
}

.infographic-blue .infographic-block:hover:after {
    color: #06C;
}

.infographic-dark-blue .stackable-block .infographic-block {
    background: #039;
}

.infographic-dark-blue .stackable-block:nth-child(3n) .infographic-block {
    background: #335CAD;
}

.infographic-dark-blue .stackable-block:nth-child(5n) .infographic-block {
    background: #1947A3;
}

.infographic-dark-blue .infographic-block:hover .i8 {
    background: #039;
}

.infographic-dark-blue .infographic-block:hover:after {
    color: #039;
}

.infographic-red .stackable-block .infographic-block {
    background: #C00;
}

.infographic-red .stackable-block:nth-child(3n) .infographic-block {
    background: #D63333;
}

.infographic-red .stackable-block:nth-child(5n) .infographic-block {
    background: #D11919;
}

.infographic-red .infographic-block:hover .i8 {
    background: #C00;
}

.infographic-red .infographic-block:hover:after {
    color: #C00;
}

.infographic-green .stackable-block .infographic-block {
    background: #9C0;
}

.infographic-green .stackable-block:nth-child(3n) .infographic-block {
    background: #ADD633;
}

.infographic-green .stackable-block:nth-child(5n) .infographic-block {
    background: #A3D119;
}

.infographic-green .infographic-block:hover .i8 {
    background: #9C0;
    color: #3D414A;
}

.infographic-green .infographic-block:hover:after {
    color: #9C0;
}

.infographic-green .infographic-block strong, .infographic-green .infographic-block .i8, .infographic-green .infographic-block:after {
    color: #3D414A;
}

.infographic-yellow .stackable-block .infographic-block {
    background: #FC0;
}

.infographic-yellow .stackable-block:nth-child(3n) .infographic-block {
    background: #FFD633;
}

.infographic-yellow .stackable-block:nth-child(5n) .infographic-block {
    background: #FFD119;
}

.infographic-yellow .infographic-block:hover .i8 {
    background: #FC0;
    color: #3D414A;
}

.infographic-yellow .infographic-block:hover:after {
    color: #FC0;
}

.infographic-yellow .infographic-block strong, .infographic-yellow .infographic-block .i8, .infographic-yellow .infographic-block:after {
    color: #3D414A;
}

.infographic-purple .stackable-block .infographic-block {
    background: #606;
}

.infographic-purple .stackable-block:nth-child(3n) .infographic-block {
    background: #853385;
}

.infographic-purple .stackable-block:nth-child(5n) .infographic-block {
    background: #751975;
}

.infographic-purple .infographic-block:hover .i8 {
    background: #606;
}

.infographic-purple .infographic-block:hover:after {
    color: #606;
}

.infographic-orange .stackable-block .infographic-block {
    background: #F93;
}

.infographic-orange .stackable-block:nth-child(3n) .infographic-block {
    background: #FFAD5C;
}

.infographic-orange .stackable-block:nth-child(5n) .infographic-block {
    background: #FFA347;
}

.infographic-orange .infographic-block:hover .i8 {
    background: #F93;
    color: #3D414A;
}

.infographic-orange .infographic-block:hover:after {
    color: #F93;
}

.infographic-orange .infographic-block strong, .infographic-orange .infographic-block .i8, .infographic-orange .infographic-block:after {
    color: #3D414A;
}

.stackable-block .infographic-block:hover, .stackable-block:nth-child(3n) .infographic-block:hover, .stackable-block:nth-child(5n) .infographic-block:hover {
    background: #FFF;
}


@media screen and (max-width:760px) {
    .stackable-block .infographic-block {
        display: flex;
        padding: 20px 40px 20px 20px;
        align-items: center;
    }

    .infographic-block::after {
        transform: translateY(-50%);
        bottom: auto;
        top: 50%;
    }

    .infographic-block .i8 {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 50px;
    }

    .infographic-block:hover .i8 {
        font-size: 30px;
    }

    .infographic-block strong {
        margin: 0;
        width: 100%;
        width: calc(100% - 50px);
        text-align: left;
        padding-left: 20px;
    }
}


/*******************/
/**  MOOCs Index  **/
/*******************/

.mooc-cost {
    color: #6B7382;
    font-style: italic;
}

.mooc-date {
    float: right;
    color: #6B7382;
    font-weight: bold;
    line-height: 34px;
}




/*******************/
/**  Page Footer  **/
/*******************/

#page-footer {
    background: rgba(217,219,224,0.7);
    position: relative;
    z-index: 10;
    padding: 0 20px;
}

    #page-footer .inner {
        display: flex;
        justify-content: center;
    }

    #page-footer .col {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    /*#page-footer .col.w50 {width:auto;min-width:50%;flex-grow:1;}*/
    #page-footer .footer-social a, #page-footer .uon-page-footer-social a {
        text-decoration: none;
        margin-right: 5px;
        font-size: 24px;
    }

    #page-footer p:last-child {
        margin-bottom: 0;
    }

    #page-footer h3.underlined {
        position: relative;
        padding-bottom: 15px;
        margin-bottom: 15px;
        line-height: 1;
    }

    #page-footer h3.underlined {
        font-size: 20px;
    }

        #page-footer h3.underlined::after {
            content: "";
            position: absolute;
            left: 0;
            width: 50px;
            background: #1090D5;
            height: 4px;
            border-radius: 4px;
            bottom: 0;
        }


.landing-page #page-footer {
    padding: 40px 0;
    text-align: center;
    border-top: 0 none;
    color: #2D3138;
}

    .landing-page #page-footer h2 {
        display: inline-block;
        text-align: right;
        position: relative;
        margin: 0 50px 0 0;
        font-size: 40px;
        line-height: 60px;
        text-transform: uppercase;
        vertical-align: top;
        color: #2D3138;
    }

        .landing-page #page-footer h2::after {
            font-family: fontawesome;
            color: rgba(45,49,56,0.5);
            position: absolute;
            right: -50px;
            top: 0;
            font-size: 60px;
            line-height: 1;
            content: "\f105";
        }

    .landing-page #page-footer a {
        margin-left: 20px;
        vertical-align: top;
    }

@media (max-width:850px) {
    .landing-page #page-footer h2 {
        display: block;
        margin: 0 0 20px 0;
        font-size: 1.8em;
        line-height: 1;
        text-align: center;
    }

        .landing-page #page-footer h2::after {
            display: none;
        }

    .landing-page #page-footer a {
        margin: 0 5px;
    }
}

@media screen and (max-width:760px) {
    .landing-page #page-footer a .fa.round-icon {
        line-height: 32px;
    }
}

.landing-page #page-footer a.footer-social {
    position: relative;
    display: inline-block;
}

    .landing-page #page-footer a.footer-social:hover::after {
        content: attr(data-icontooltip);
        position: absolute;
        color: #FFF;
        background: rgba(46,49,56,0.9);
        padding: 10px 15px;
        border-radius: 3px;
        bottom: 75px;
        left: 30px;
        transform: translateX(-50%);
        white-space: nowrap;
    }

    .landing-page #page-footer a.footer-social:hover::before {
        content: "";
        position: absolute;
        bottom: 65px;
        left: 30px;
        transform: translateX(-50%);
        border: 10px solid transparent;
        border-bottom: 0 none;
        border-top-color: rgba(46,49,56,0.9);
        width: 0;
        height: 0;
    }

.uon-page-footer-contacts {
    width: auto;
    min-width: 50%;
    flex-grow: 1;
}

.uon-page-footer-contacts-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -20px;
}

    .uon-page-footer-contacts-list .uon-page-footer-contacts-list-col {
        margin-right: 40px;
        margin-bottom: 20px;
        display: flex;
        align-items: flex-start;
    }

        .uon-page-footer-contacts-list .uon-page-footer-contacts-list-col img {
            width: 80px;
            height: auto;
            margin-right: 20px;
            border-radius: 3px;
        }

.uon-page-footer-publication {
    display: flex;
    width: 25%;
}

.uon-page-footer-publication-image, .landing-page #page-footer .uon-page-footer-publication-image {
    margin-right: 20px;
}

.uon-page-footer-publication-detail {
    flex-grow: 1;
}

    .uon-page-footer-publication-detail .more-link {
        font-family: FuseV2;
        font-weight: 600;
        font-size: 14px;
        color: #2D3138;
        text-decoration: none;
    }

        .uon-page-footer-publication-detail .more-link::before {
            color: #1090D5;
            font-family: fontawesome;
            margin-right: 5px;
            content: "\f105";
        }

        .uon-page-footer-publication-detail .more-link:hover {
            color: #1090D5;
        }

            .uon-page-footer-publication-detail .more-link:hover::before {
                content: "\f0da";
            }

.uon-page-footer-social {
    margin-left: 40px;
    width: 20%;
}

@media screen and (max-width:1024px) {
    .uon-page-footer-contacts, .uon-page-footer-logos {
        width: 50%;
    }
}

@media screen and (max-width:768px) {
    #page-footer .inner {
        flex-wrap: wrap;
    }

    .uon-page-footer-contacts, .uon-page-footer-logos {
        width: 100%;
    }

    .uon-page-footer-publication, .uon-page-footer-social {
        width: 50%;
    }

    .uon-page-footer-social {
        margin-left: 0;
        padding-left: 40px;
    }
}


/**************/
/**  Footer  **/
/**************/

#uon-acknowledge {
    text-align: center;
    padding: 30px;
    font-family: Heuristica,Georgia,sans-serif;
    font-size: 20px;
    color: #FFF;
    background: #5B6270;
}

    #uon-acknowledge p {
        margin: 0;
    }

#uon-footer {
    background: #2D3138;
    padding: 30px 20px;
    color: #A1A7B2;
    font-size: 13px;
    min-width: 900px;
}

    #uon-footer .w33 {
        padding: 0 1.5%;
    }

        #uon-footer .w33:first-child {
            padding-left: 0;
        }

        #uon-footer .w33:last-child {
            padding-right: 0;
        }

    #uon-footer a {
        color: #C6CAD1;
        text-decoration: none;
    }

        #uon-footer a:hover {
            color: #FFF;
            text-decoration: underline;
        }

    #uon-footer h4 {
        margin: 0;
        border-bottom: 1px solid #5B6270;
        font-size: 16px;
        padding-bottom: 15px;
        margin-bottom: 10px;
        border-bottom: 0 none;
        font-size: 18px;
        font-family: 'FuseV2','Helvetica Neue',Arial,sans-serif;
        color: #FFF;
        font-weight: 900;
        box-sizing: border-box;
        line-height: 1.2;
    }

        /*#uon-footer h4 .underlined {
            padding-bottom: 15px;
            margin-bottom: 10px;
            border-bottom: 0 none;
            font-size: 18px;
            color: #fff;
            font-family: 'FuseV2','Helvetica Neue',Arial,sans-serif;
        }*/

    #uon-footer ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #uon-footer li {
        margin: 0;
        line-height: 25px;
    }

    #uon-footer .footer-info {
        margin-top: 30px;
        padding: 15px 0;
        border-top: 1px solid #5B6270;
        position: relative;
        font-size: 12px;
    }

        #uon-footer .footer-info p {
            margin: 0;
            float: left;
        }

            #uon-footer .footer-info p span {
                margin-right: 10px;
            }

        #uon-footer .footer-info h4 {
            float: left;
            border-bottom: 0;
            padding: 0;
            margin: 0;
            font-size: 14px;
        }

        #uon-footer .footer-info ul {
            float: right;
            margin-right: 60px;
        }

            #uon-footer .footer-info ul li {
                display: inline-block;
                margin: 0 0 0 10px;
                line-height: 1;
            }

                #uon-footer .footer-info ul li:first-child {
                    margin-left: 0;
                }

        #uon-footer .footer-info .footer-top-link {
            background: #5B6270;
            color: #FFF;
            width: 40px;
            height: 40px;
            line-height: 40px;
            font-size: 20px;
            text-align: center;
            position: absolute;
            right: 0;
            top: 0;
            border-radius: 0 0 3px 3px;
        }

            #uon-footer .footer-info .footer-top-link:hover {
                background: #1090D5;
            }

@media(max-width:800px) {
    #uon-footer {
        min-width: 100%;
    }
}

@media(max-width:750px) {
    #uon-footer {
        padding: 20px;
    }

        #uon-footer .w33, #uon-footer .w25 {
            padding: 0;
            display: block;
            float: none;
            width: 100%;
        }

        #uon-footer .col ul {
            display: none;
            padding: 0px 12px 20px;
        }

        #uon-footer .col h4 {
            border: 2px solid #5B6270;
            border-radius: 4px;
            padding: 10px;
            cursor: pointer;
        }

            #uon-footer .col h4:hover {
                background: #1090D5;
                border-color: #1090D5;
            }

            #uon-footer .col h4:after {
                float: right;
                content: "\f055";
                font-family: 'fontawesome';
                font-weight: normal;
                color: #5B6270;
                font-size: 20px;
                line-height: 1;
            }

            #uon-footer .col h4:hover:after {
                color: #FFF;
            }

            #uon-footer .col h4.open:after {
                content: "\f056";
            }

        #uon-footer .footer-info {
            border: 0 none;
            margin-top: 10px;
            text-align: center;
            padding: 0;
        }

            #uon-footer .footer-info h4 {
                float: none;
                margin-bottom: 10px;
            }

            #uon-footer .footer-info ul {
                float: none;
                margin: 0;
            }

            #uon-footer .footer-info .footer-top-link {
                border-radius: 3px;
                position: relative;
                display: block;
                margin: 15px auto;
            }
}


/*************************************/
/**  Full width section background  **/
/*************************************/

.section-bg-wrapper, .section-bg-wrapper::before {
    background: #F6F7F9;
    border-top: 1px solid #ECEDEF;
}

.section-bg-wrapper-fade-down, .section-bg-wrapper-fade-down::before {
    background: #F6F7F9 linear-gradient(to bottom,#F6F7F9,#FFF);
    border-top: 1px solid #ECEDEF;
}

.section-bg-wrapper-fade-up, .section-bg-wrapper-fade-up::before {
    background: #F6F7F9 linear-gradient(to top,#F6F7F9,#FFF);
    border-bottom: 1px solid #ECEDEF;
}

.section-bg-wrapper, .section-bg-wrapper-fade-down, .section-bg-wrapper-fade-up {
    padding: 40px 0;
    margin: 40px 0;
    position: relative;
}

    .section-bg-wrapper:last-child, .section-bg-wrapper-fade-down:last-child, .section-bg-wrapper-fade-up:last-child {
        margin-bottom: 0;
    }

    .section-bg-wrapper::before, .section-bg-wrapper-fade-down::before, .section-bg-wrapper-fade-up::before {
        content: "";
        position: absolute;
        top: -1px;
        bottom: 0;
        left: calc((1150px - 100vw) / 2);
        width: 100vw;
    }

    .section-bg-wrapper::before {
        z-index: 0;
        border-bottom: 1px solid #ECEDEF;
    }

    .section-bg-wrapper-fade-down::before, .section-bg-wrapper-fade-up::before {
        z-index: -1;
    }

@media screen and (max-width:760px) {
    .section-bg-wrapper, .section-bg-wrapper-fade-down, .section-bg-wrapper-fade-up {
        padding: 20px 0;
        margin: 20px 0;
    }
}


/****************************************/
/**  Stackable Grid - isotope/packery  **/
/****************************************/

/**********************/
/**  Stackable grid  **/
/**********************/

.body-content .stackable-grid {
    margin-left: -10px;
    margin-right: -10px;
}

.body-content .grid-content + .stackable-grid {
    margin: -10px;
}

.stackable-block {
    color: #2D3138;
    width: 16.6666%;
    display: inline-block;
}

.stackable-block-2x {
    width: 33.3333%;
}

.stackable-block-3x {
    width: 50%;
}

.stackable-block-4x {
    width: 66.6666%;
}

.stackable-block-5x {
    width: 83.3333%;
}

.stackable-block-6x {
    width: 100%;
}

.stackable-block-20 {
    width: 20%;
}

.stackable-block-40 {
    width: 40%;
}

.stackable-block-60 {
    width: 60%;
}

.stackable-block-25 {
    width: 25%;
}

.stackable-grid-2-col-override .stackable-block-25 {
    width: 50%;
}

.stackable-block-33 {
    width: 33.3333%;
}

.stackable-block-50 {
    width: 50%;
}

.stackable-block-75 {
    width: 75%;
}


@media screen and (min-width:760px) {
    .body-sidebar .stackable-block {
        width: 100%;
        display: block;
    }

    .two-column .body-sidebar .stackable-block {
        width: 33.3333%;
    }

    .two-column .body-sidebar .stackable-block-2x {
        width: 33.3334%;
    }
}

@media screen and (max-width:760px) {
    .body-content .section-bg-wrapper .stackable-grid {
        margin-left: 0;
        margin-right: 0;
    }

    .stackable-block {
        width: 33.3333%;
    }

    .stackable-block-2x {
        width: 50%;
    }

    .stackable-block-3x {
        width: 50%;
    }

    .stackable-block-4x {
        width: 100%;
    }

    .stackable-block-5x {
        width: 100%;
    }

    .stackable-block-6x {
        width: 100%;
    }
}

@media screen and (max-width:600px) {
    .stackable-block {
        width: 100%;
    }
}

@media screen and (max-width:1024px) {
    .infographic-grid .stackable-block-25 {
        width: 33.3333%;
    }

    .infographic-grid .stackable-block-75 {
        width: 66.6666%;
    }
}

@media screen and (max-width:760px) {
    .infographic-grid .stackable-block-25 {
        width: 100%;
    }

    .infographic-grid .stackable-block-75 {
        width: 100%;
    }
}

.stackable-block .block-inner {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    transition: 0.1s all;
    text-decoration: none;
    position: relative;
    display: block;
    margin: 10px;
    border-radius: 3px;
    overflow: hidden;
}

.stackable-block a.block-inner:hover {
    box-shadow: 0 0 0 3px #1090D5;
}

    .stackable-block a.block-inner:hover img {
        opacity: 1;
    }

    .stackable-block a.block-inner:hover .button {
        border-color: #1090D5;
    }

        .stackable-block a.block-inner:hover .button.solid-button {
            background: #1090D5;
        }

.body-content .stackable-block a.block-inner.popup-link:hover:before, .stackable-block a.block-inner[target="_blank"]:hover:before {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #FFF;
    background: rgba(46,49,56,0.5);
    content: "";
}

.body-content .stackable-block a.block-inner.popup-link:hover:after, .stackable-block a.block-inner[target="_blank"]:hover:after {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 50%;
    right: 0;
    color: #FFF;
    transform: translateY(-50%);
    text-align: center;
    text-shadow: 0 0 20px #2D3138;
    font-size: 80px;
    font-family: fontawesome;
}

.body-content .stackable-block a.block-inner.popup-link:hover:after {
    content: "\f065";
}

.body-content .stackable-block a.block-inner[target="_blank"]:hover:after {
    content: "\f08e";
}

.stackable-block .content {
    background: #FFF;
    padding: 20px;
    margin: 0;
    position: relative;
}

    .stackable-block .content:before {
        content: "";
        height: 0;
        width: 0;
        border: 15px solid transparent;
        border-bottom-color: #FFF;
        position: absolute;
        left: 20px;
        top: -30px;
    }

    .stackable-block .content h2 {
        color: #2D3138;
        font-size: 24px;
        position: relative;
        line-height: 1;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .stackable-block .content h3 {
        color: #2D3138;
        font-size: 18px;
        position: relative;
        line-height: 1;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

        .stackable-block .content h2:after, .stackable-block .content h3:after {
            content: "";
            background: #1090D5;
            height: 3px;
            border-radius: 3px;
            width: 70px;
            bottom: -3px;
            left: 0;
            position: absolute;
        }

    .stackable-block .content h2 small {
        font-size: 16px;
        display: block;
        margin-bottom: 3px;
        font-weight: normal;
        color: #6B7382;
    }

    .stackable-block .content p, .stackable-block .content ul, .stackable-block .content ol {
        color: #2D3138;
    }

        .stackable-block .content p:last-child, .stackable-block .content ul:last-child, .stackable-block .content ol:last-child {
            margin-bottom: 0;
        }

.stackable-block img {
    max-width: 100%;
    vertical-align: top;
}

.stackable-block iframe {
    width: 100%;
    max-width: 100%;
    height: 318px;
    border: 0 none;
    vertical-align: top;
    position: relative;
    z-index: 1;
}

.stackable-block .content h2.filled-block-header {
    background: #ECEDEF;
    color: #1090D5;
    padding: 18px;
    margin: -20px -20px 20px -20px;
    border: 2px solid #FFF;
    border-bottom: 0 none;
}

    .stackable-block .content h2.filled-block-header::after {
        display: none;
    }

    .stackable-block .content h2.filled-block-header small {
        color: #3D414A;
    }

@media screen and (min-width:760px) {
    .body-sidebar .stackable-block .block-inner {
        margin: 0 0 20px 20px;
    }

    .two-column .body-sidebar .stackable-block .block-inner {
        margin: 0 10px 20px 10px;
    }
}

@media screen and (max-width:600px) {
    .stackable-block .block-inner {
        margin: 10px 0;
    }
}


/****************************/
/**  Block content styles  **/
/****************************/

.link-block {
}

.link-block-title {
    background: #F6F6F6;
    font-weight: bold;
    font-size: 16px;
    padding: 5px;
}

    .link-block-title .fa, .link-block-title .i8 {
        background: #999;
        color: #FFF;
        font-size: 24px;
        border-radius: 2px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        vertical-align: middle;
    }

.link-block ul {
    margin: 10px 20px;
    padding: 0;
    list-style-type: none;
}

/* moved to uon-widgets */
/* remove once all instances of old clases have been updated - check site improve */

.feature-block {
    box-shadow: 0 0 10px rgba(0,0,0,0.10);
    transition: 0.1s all;
    text-decoration: none;
    position: relative;
    display: block;
    border-radius: 3px;
    overflow: hidden;
}

a.feature-block:hover, .carousel-widget.feature-block:hover {
    box-shadow: 0 0 0 3px #1090D5;
    transform: scale(1.02);
}

.feature-block .content {
    background: #FFF;
    padding: 20px;
    margin: 0;
    position: relative;
}

.feature-block.highlight-block .content {
    background: #2D3138;
}

.feature-block .content:before {
    content: "";
    height: 0;
    width: 0;
    border: 15px solid transparent;
    border-bottom-color: #FFF;
    position: absolute;
    left: 20px;
    top: -30px;
}

.feature-block.highlight-block .content:before {
    border-bottom-color: #2D3138;
}

.feature-block .content h2, .feature-block .content h3 {
    position: relative;
    line-height: 1;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.feature-block .content h2 {
    color: #2D3138;
    font-size: 24px;
}

.feature-block .content h3 {
    color: #4C525D;
    font-size: 20px;
}

.feature-block.highlight-block .content h2, .feature-block.highlight-block .content h3 {
    color: #FFF;
}

.feature-block .content h2::after, .feature-block .content h3::after {
    content: "";
    background: #1090D5;
    height: 4px;
    border-radius: 4px;
    width: 100px;
    bottom: -4px;
    left: 0;
    position: absolute;
}

.feature-block .content h2 + h4 {
    margin-top: 0;
}

.feature-block .content p {
    color: #2D3138;
}

.feature-block.highlight-block .content p {
    color: #FFF;
}

.feature-block .content p:last-child {
    margin-bottom: 0;
}

.feature-block .image {
    display: block;
    background-size: cover;
    background-position: center center;
    height: 200px;
}

.feature-block .content p img {
    display: none;
}

.feature-block .content p.widget-date {
    margin: 0 0 5px;
    font-size: 12px;
    color: #6B7382;
}

    .feature-block .content p.widget-date + h3 {
        margin-top: 0;
    }

.feature-block .more-link {
    font-family: FuseV2;
    font-weight: 900;
    font-size: 16px;
}

    .feature-block .more-link.inline-more-link {
        font-size: 14px;
        margin-left: 5px;
        font-weight: 600;
    }

    .feature-block .more-link::before {
        color: #1090D5;
        font-family: fontawesome;
        margin-right: 10px;
        content: "\f105";
    }

    .feature-block .more-link.inline-more-link::before {
        margin-right: 5px;
    }

.feature-block:hover .more-link {
    color: #1090D5;
}

    .feature-block:hover .more-link::before {
        content: "\f0da";
    }

.feature-block .external-more-link::before, .feature-block:hover .external-more-link::before {
    content: "\f14c";
}

.feature-block img {
    width: 100%;
    height: auto;
    vertical-align: top;
    transition: 0.1s all;
}

.feature-block iframe {
    width: 100%;
    max-width: 100%;
    height: 318px;
    border: 0 none;
    vertical-align: top;
    position: relative;
    z-index: 1;
}

/* end moved to uon-widgets */

.content-block {
    background: #FFF;
    background: rgba(255,255,255,0.9);
    padding: 30px;
}

@media screen and (max-width:600px) {
    .content-block {
        padding: 20px;
    }
}

.headline {
    display: block;
    padding: 10px 15px 15px 60px;
    border-top: 1px solid #EEE;
    text-decoration: none;
    color: #2D3138;
    position: relative;
}

    .headline.first {
        border-top: 0;
    }

    .headline .date {
        background: #EEE;
        padding: 5px;
        margin-right: 10px;
        color: #666;
        border-radius: 3px;
        font-size: 12px;
        position: absolute;
        left: 10px;
        top: 10px;
        width: 40px;
        text-align: center;
    }

.filter-navigation {
    text-align: center;
    font-family: 'FuseV2','Helvetica Neue',Arial,sans-serif;
    font-size: 20px;
    margin: 40px 0;
}

    .filter-navigation a {
        text-decoration: none;
        color: #2D3138;
        border-bottom: 2px solid #C6CAD1;
        display: inline-block;
        line-height: 40px;
        margin: 0 10px;
    }

        .filter-navigation a:hover {
            border-bottom-color: #2D3138;
            color: #2D3138;
        }

        .filter-navigation a.active {
            color: #2D3138;
            border-bottom: 4px solid #1090D5;
        }



/**************************************/
/**  Base Gallery Styles - flickity  **/
/**************************************/

.gallery-main {
    margin-top: 40px;
}

    .gallery-main .image-figure figcaption {
        margin-top: 0;
        padding: 10px 15px;
        background: #FFF;
    }

.body-content .gallery-main .image-figure img, #uon-lightbox-content .gallery-main .image-figure img {
    max-width: inherit;
}

.one-column .body-content > .image-gallery .gallery-main .image-figure img {
    max-width: 1000px;
}

.two-column .body-content > .image-gallery .gallery-main .image-figure img, .two-column-alt .body-content > .image-gallery .gallery-main .image-figure img {
    max-width: 750px;
}

.three-column .body-content > .image-gallery .gallery-main .image-figure img {
    max-width: 460px;
}

.gallery-nav {
    margin: 5px 0 40px;
}

    .gallery-nav .gallery-cell img {
        opacity: 0.6;
    }

    .gallery-nav .gallery-cell:hover img {
        opacity: 0.8;
    }

    .gallery-nav .gallery-cell.is-selected img {
        opacity: 1;
    }

/************************************/
/**  Gallery - moved from degrees  **/
/************************************/

.body-content .image-gallery {
    margin: 0 auto 20px;
    position: relative;
}

.body-content > .image-gallery {
    margin: 40px auto 80px;
}

.body-content .image-gallery .gallery-cell {
    padding: 0 10px;
}

.body-content .image-gallery .gallery-main:first-child {
    margin-top: 0;
}

.body-content .image-gallery .gallery-main .gallery-cell img {
    height: 250px;
    width: auto;
    max-width: none;
    position: relative;
    vertical-align: bottom;
    border-radius: 4px;
}

.body-content > .image-gallery .gallery-main .gallery-cell img {
    height: 500px;
}

.body-content .image-gallery .gallery-main .gallery-cell figcaption {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    padding: 15px 20px 15px 40px;
    background: rgba(0,0,0,0.8);
    color: #FFF;
    border-radius: 0 0 4px 4px;
    font-style: normal;
}

    .body-content .image-gallery .gallery-main .gallery-cell figcaption .fa-caret-up {
        position: absolute;
        left: 20px;
        top: 15px;
    }

    .body-content .image-gallery .gallery-main .gallery-cell figcaption p {
        font-style: italic;
        font-size: 12px;
        margin: 5px 0 0;
        display: none;
    }

.body-content .image-gallery .gallery-main .gallery-cell:hover figcaption p {
    display: block;
}

.body-content .gallery-cell .image-figure {
    overflow: hidden;
    border-radius: 4px;
    margin: 0;
}

    .body-content .gallery-cell .image-figure img, #uon-lightbox-content .gallery-cell .image-figure img {
        max-width: inherit;
    }

        .body-content .gallery-cell .image-figure img.flickity-lazyloaded, .body-content .gallery-cell .image-figure img.flickity-lazyerror {
            filter: none;
            transform: none;
        }

.body-content .image-gallery .gallery-main .gallery-cell .video-figure {
    width: 444px;
    margin: 0;
}

    .body-content .image-gallery .gallery-main .gallery-cell .video-figure iframe {
        position: relative;
        z-index: 1;
    }

    .body-content .image-gallery .gallery-main .gallery-cell .video-figure iframe, .body-content .image-gallery .gallery-main .gallery-cell .video-figure .youtube-replace {
        width: 444px;
        height: 250px;
        border: 0 none;
        border-radius: 4px;
    }

.body-content > .image-gallery .gallery-main .gallery-cell .video-figure {
    width: 888px;
}

    .body-content > .image-gallery .gallery-main .gallery-cell .video-figure iframe, .body-content > .image-gallery .gallery-main .gallery-cell .video-figure .youtube-replace {
        width: 888px;
        height: 500px;
    }

.two-column .body-content > .image-gallery .gallery-main .gallery-cell .video-figure {
    width: 688px;
}

    .two-column .body-content > .image-gallery .gallery-main .gallery-cell .video-figure iframe, .two-column .body-content > .image-gallery .gallery-main .gallery-cell .video-figure .youtube-replace {
        width: 688px;
        height: 387px;
    }

@media(max-width:1024px) {
    .body-content > .image-gallery .gallery-main .gallery-cell img {
        height: 320px;
    }
}

@media(max-width:768px) {
    .body-content > .image-gallery .gallery-main .gallery-cell img {
        height: 180px;
    }

    .body-content > .image-gallery .gallery-main .gallery-cell .video-figure {
        height: 180px;
        width: 320px;
    }

        .body-content > .image-gallery .gallery-main .gallery-cell .video-figure iframe, .body-content > .image-gallery .gallery-main .gallery-cell .video-figure .youtube-replace {
            width: 320px;
            height: 180px;
        }

    .body-content > .image-gallery .gallery-main .gallery-caption {
        height: 140px;
    }
}


/******************/
/**  Block Link  **/
/******************/

a.hover-link {
    display: block;
    transition: all 0.1s ease-in 0s;
}

    a.hover-link:hover {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
        z-index: 10;
        box-shadow: 0 5px 20px rgba(45,49,56,0.5);
    }

@media screen and (max-width:600px) {
    a.hover-link:hover {
        -webkit-transform: none;
        transform: none;
    }
}

/* Used as full image bg features, displine index etc. */
a.block-link {
    display: block;
    text-align: left;
    text-decoration: none;
    background-color: #FFF;
    background-size: cover;
    background-position: top center;
    color: #FFF;
    padding: 100px 0 0 0;
    overflow: visible;
    transition: all 0.1s ease-in 0s;
    position: relative;
    text-shadow: 0 0 10px rgba(45,49,56,0.75),0 0 10px #2D3138;
}

    a.block-link h3 {
        color: #FFF;
        margin: 0;
        background: rgba(45,49,56,0.5);
        background: linear-gradient(180deg,rgba(45,49,56,0),rgba(45,49,56,0.75));
        padding: 80px 30px 30px;
    }

        a.block-link h3.with-icon {
            padding-top: 30px;
        }

        a.block-link h3 .fa, a.block-link h3 .i8 {
            font-size: 40px;
            display: block;
            margin-bottom: 10px;
        }

    a.block-link:hover h3:after {
        content: "\f0a9";
        position: absolute;
        right: 15px;
        bottom: 15px;
        color: #FFF;
        font-family: 'fontawesome';
        line-height: 1;
        z-index: 11;
    }

    a.block-link h3 + p {
        position: relative;
        font-size: 14px;
        font-weight: bold;
        padding: 0 30px 30px;
        background: rgba(45,49,56,0.75);
        margin: 0;
    }

        a.block-link h3 + p:before {
            content: "";
            position: absolute;
            top: -16px;
            left: 30px;
            width: 40%;
            height: 3px;
            background: rgba(255,255,255,0.5);
            border-radius: 3px;
        }

    a.block-link:hover h3 + p:before {
        background: #F93;
        transition: all 0.1s ease-in 0s;
    }

    a.block-link:hover {
        border-radius: 5px;
    }

@media screen and (max-width:600px) {
    a.block-link h3 {
        padding: 40px 20px 20px;
    }

        a.block-link h3 + p {
            padding: 0 20px 20px;
        }

    a.block-link:hover {
        border-radius: 4px;
    }

    a.block-link h3 + p:before {
        left: 20px;
        top: -11px;
    }
}

/* eg. Discipline listing - simple */
a.icon-block-link {
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 10px 20px;
    text-decoration: none;
    color: #2D3138;
    font-weight: bold;
    height: 130px;
}

    a.icon-block-link .fa, a.icon-block-link .i8 {
        font-size: 50px;
        margin-bottom: 15px;
        color: #8E95A3;
        display: block;
        position: relative;
        -moz-transition: all 0.2s ease-in 0s;
    }

    a.icon-block-link:hover .fa, a.icon-block-link:hover .i8 {
        color: #2D3138;
        margin-bottom: 25px;
        margin-top: -5px;
    }

    a.icon-block-link .fa:after, a.icon-block-link .i8:after {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 50%;
        right: 50%;
        background: #F93;
        height: 3px;
        border-radius: 3px;
        -moz-transition: all 0.1s ease-in 0.1s;
    }

    a.icon-block-link:hover .fa:after, a.icon-block-link:hover .i8:after {
        left: 30%;
        right: 30%;
    }

    a.icon-block-link.small-icon-block-link {
        font-size: 13px;
        padding: 10px 0;
        height: 105px;
    }

        a.icon-block-link.small-icon-block-link .fa, a.icon-block-link.small-icon-block-link .i8 {
            font-size: 40px;
        }

@media screen and (max-width:600px) {
    a.icon-block-link {
        text-align: left;
        font-size: 14px;
        height: auto;
        min-height: 50px;
        padding: 10px 5px 5px;
    }

        a.icon-block-link .fa, a.icon-block-link .i8 {
            float: left;
            margin-bottom: 0;
            margin-right: 10px;
            margin-top: -5px;
            font-size: 30px;
        }

        a.icon-block-link:hover .fa, a.icon-block-link:hover .i8 {
            margin-bottom: 0;
            margin-top: -5px;
        }

        a.icon-block-link .fa:after, a.icon-block-link .i8:after {
            display: none;
        }
}


/**************************************************************************/
/**  Flickity v2.1.2 http://flickity.metafizzy.co                        **/
/**************************************************************************/
/**  -- Next/Previous buttons cutsomised for UON use                     **/
/**************************************************************************/

.flickity-enabled {
    position: relative;
}

    .flickity-enabled:focus {
        outline: none;
    }

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .flickity-enabled.is-draggable .flickity-viewport {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab;
    }

        .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
            cursor: -webkit-grabbing;
            cursor: grabbing;
        }


/* ---- flickity-button ---- */
.flickity-button {
    position: absolute;
    background: hsla(0,0%,100%,0.75);
    border: none;
    color: #333;
}

    .flickity-button:hover {
        background: white;
        cursor: pointer;
    }

    .flickity-button:focus {
        outline: none;
        box-shadow: 0 0 0 5px #19F;
    }

    .flickity-button:active {
        opacity: 0.6;
    }

    .flickity-button:disabled {
        opacity: 0.3;
        cursor: auto;
        pointer-events: none;
    }

.flickity-button-icon {
    fill: #333;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%);
}

    .flickity-prev-next-button.previous {
        left: 10px;
    }

    .flickity-prev-next-button.next {
        right: 10px;
    }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}

.flickity-prev-next-button .arrow {
    fill: #FFF;
}


/**  Previous/Next buttons (full height for galleries/carousels)  **/
.image-gallery .gallery-cell {
    padding: 0 5px;
}

.image-gallery .flickity-prev-next-button {
    position: absolute;
    top: 35%;
    width: 60px;
    height: 80px;
    border: none;
    background: #1E2025;
    background: rgba(30,32,37,0.7);
    cursor: pointer;
    z-index: 100;
}

    .image-gallery .flickity-prev-next-button:hover {
        background: rgba(30,32,37,0.9);
    }

    .image-gallery .flickity-prev-next-button:focus {
        outline: none;
        box-shadow: 0 0 0 5px #09F;
    }

    .image-gallery .flickity-prev-next-button:active {
        opacity: 0.6;
    }

    .image-gallery .flickity-prev-next-button.previous {
        left: 0;
        background: linear-gradient(to right,rgba(30,32,37,0.7),rgba(30,32,37,0.2));
        border-radius: 0 60px 60px 0;
    }

    .image-gallery .flickity-prev-next-button.next {
        right: 0;
        background: linear-gradient(to left,rgba(30,32,37,0.7),rgba(30,32,37,0.2));
        border-radius: 60px 0 0 60px;
    }

    .image-gallery .flickity-prev-next-button.previous:hover, .flickity-prev-next-button.next:hover {
        background: #1090D5;
    }


.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-rtl .flickity-page-dots {
    direction: rtl;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
}

    .flickity-page-dots .dot.is-selected {
        opacity: 1;
    }


/******************************/
/**  Featured Degree Widget  **/
/******************************/

.featured-degree {
    background: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display: block;
    text-decoration: none;
    border-radius: 3px;
    color: #2D3138;
    overflow: hidden;
    transition: 0.1s all;
}

    .featured-degree:hover {
        box-shadow: 0 0 0 3px #1090D5;
        transform: scale(1.02);
    }

    .featured-degree .featured-degree-header {
        position: relative;
        height: 150px;
        background-size: cover;
        background-position: center center;
    }

        .featured-degree .featured-degree-header h3 {
            position: absolute;
            padding: 20px;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0;
            font-size: 24px;
            color: #FFF;
            text-shadow: 1px 1px 0 rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.5);
            background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));
        }

            .featured-degree .featured-degree-header h3 small {
                display: block;
                font-size: 16px;
                font-weight: 600;
            }

    .featured-degree .featured-degree-content {
        padding: 15px 20px 40px;
        position: relative;
    }

        .featured-degree .featured-degree-content p {
            margin: 0 0 5px;
        }

            .featured-degree .featured-degree-content p:last-child {
                margin: 0;
                position: absolute;
                bottom: 15px;
            }

    .featured-degree .featured-degree-more {
        font-family: FuseV2;
        font-weight: 900;
        font-size: 16px;
    }

        .featured-degree .featured-degree-more::before {
            color: #1090D5;
            font-family: fontawesome;
            margin-right: 10px;
            content: "\f105";
        }

    .featured-degree:hover .featured-degree-more {
        color: #1090D5;
    }

        .featured-degree:hover .featured-degree-more::before {
            content: "\f0da";
        }




/** Grouped dates list - keydates on degree HTA **/

.grouped-dates-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .grouped-dates-list li {
        padding: 10px 10px 10px 70px;
        border-top: 1px solid #ECEDEF;
        display: inline-block;
        width: 100%;
        position: relative;
    }

        .grouped-dates-list li.glow {
            background: #606;
            color: #FFF;
            border-radius: 3px;
            border-color: #606;
        }

        .grouped-dates-list li .date {
            font-size: 16px;
            color: #5B6270;
            position: absolute;
            left: 0;
            top: 10px;
            line-height: 20px;
        }

        .grouped-dates-list li.glow .date {
            color: #FFF;
        }






.image-figure {
    margin: 0;
}

    .image-figure + p {
        margin-top: 2em;
    }

    .image-figure figcaption {
        font-style: italic;
        color: #5B6270;
        margin-top: 10px;
    }

        .image-figure figcaption .fa-caret-up {
            vertical-align: top;
            margin-right: 5px;
        }


.simple-journey-list {
    font-size: 20px;
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

    .simple-journey-list li {
        list-style-type: none;
        position: relative;
        margin-bottom: 8px;
    }

        .simple-journey-list li:last-child {
            margin-bottom: 0;
        }

        .simple-journey-list li::before, .simple-journey-list li::after {
            content: "";
            position: absolute;
            width: 3px;
            background: #1090D5;
            left: 7px;
        }

        .simple-journey-list li::before {
            top: 0;
            height: 6px;
        }

        .simple-journey-list li::after {
            bottom: -8px;
            height: 16px;
        }

        .simple-journey-list li:first-child::before {
            display: none;
        }

        .simple-journey-list li:last-child::after {
            display: none;
        }

        .simple-journey-list li a {
            position: relative;
            padding-left: 30px;
            text-decoration: none;
            color: #2D3138;
        }

            .simple-journey-list li a:hover {
                text-decoration: underline;
            }

            .simple-journey-list li a::before {
                position: absolute;
                top: -4px;
                left: 0;
                color: #1090D5;
                font-size: 20px;
                font-family: fontawesome;
                content: "\f10C";
            }

            .simple-journey-list li a:hover::before {
                content: "\f05d";
            }

@media screen and (max-width:760px) {
    .simple-journey-list {
        font-size: 16px;
    }

        .simple-journey-list li::after {
            height: 12px;
        }

        .simple-journey-list li a::before {
            top: -6px;
        }
}


.icon-list-row {
    border-top: 2px solid #ECEDEF;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 160px;
    min-height: 200px;
    position: relative;
}

    .icon-list-row .i8 {
        font-size: 60px;
        color: #1090D5;
        position: absolute;
        left: 0;
        top: 38px;
        width: 120px;
        height: 120px;
        line-height: 114px;
        border-radius: 100%;
        border: 3px solid #1090D5;
        text-align: center;
    }

    .icon-list-row h2 {
        margin-top: 0;
    }

.icon-list-row-small {
    border-top: 2px solid #ECEDEF;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 110px;
    min-height: 100px;
    position: relative;
}

    .icon-list-row-small .i8 {
        font-size: 40px;
        color: #1090D5;
        position: absolute;
        left: 0;
        top: 28px;
        width: 80px;
        height: 80px;
        line-height: 74px;
        border-radius: 100%;
        border: 3px solid #1090D5;
        text-align: center;
    }

    .icon-list-row-small h3 {
        margin-top: 0;
    }

@media screen and (max-width:768px) {
    .icon-list-row, .icon-list-row-small {
        padding-left: 75px;
        min-height: 90px;
        padding-bottom: 20px;
        padding-top: 20px;
    }

        .icon-list-row .i8, .icon-list-row-small .i8 {
            height: 60px;
            width: 60px;
            line-height: 54px;
            font-size: 30px;
            top: 18px;
        }
}


/*******************/
/**  Form Styles  **/
/*******************/

/* moved to uon-forms */

form table {
    border-collapse: collapse;
    width: 100%;
}

    form table tr {
        border-top: 1px solid #ECEDEF;
    }

        form table tr th {
            text-align: left;
            vertical-align: top;
            padding: 5px 5px 5px 0;
            width: 25%;
        }

            form table tr th label {
                padding: 5px 30px 5px 0;
                display: block;
                position: relative;
            }

                form table tr th label .required {
                    width: 0;
                    font-size: 0;
                    color: transparent;
                    position: absolute;
                    right: 20px;
                    top: 10px;
                }

                    form table tr th label .required:before {
                        color: #FC0;
                        font-family: fontawesome;
                        font-size: 12px;
                        content: "\f005";
                    }

        form table tr td {
            padding: 5px 0 5px 5px;
            vertical-align: top;
            width: 75%;
        }

            form table tr td input[type="text"] {
                padding: 5px;
                border: 1px solid #D9DBE0;
                border-radius: 3px;
                width: 300px;
                font-size: 14px;
            }

                form table tr td input[type="text"].small-field {
                    width: 150px;
                }

            form table tr td textarea {
                padding: 5px;
                border: 1px solid #D9DBE0;
                border-radius: 3px;
                width: 300px;
                height: 150px;
                font-size: 14px;
            }

            form table tr td select {
                padding: 5px;
                border: 1px solid #D9DBE0;
                border-radius: 3px;
                font-size: 14px;
            }

                form table tr td input[type="text"]:focus, form table tr td textarea:focus, form table tr td select:focus {
                    border-color: #06C;
                }

@media screen and (max-width:600px) {
    form table tr th, form table tr td {
        display: block;
        width: 100%;
    }

    form table tr th {
        padding: 5px 0 0 0;
    }

        form table tr th label .required {
            position: static;
        }

    form table tr td {
        padding: 0 0 10px 0;
    }

        form table tr td input[type="text"], form table tr td textarea, form table tr td select {
            width: 100%;
            padding: 10px;
            font-size: 16px;
        }
}


/******************************/
/**  Degree listing A-Z nav  **/
/******************************/

.body-content .nav-pills {
    list-style-type: none;
    margin: 0 0 2em;
    padding: 0;
    line-height: 26px;
    text-align: center;
}

    .body-content .nav-pills li {
        margin: 0 2px;
        padding: 0;
        display: inline-block;
        position: relative;
    }

        .body-content .nav-pills li::before {
            display: none;
        }

        .body-content .nav-pills li:first-child {
            margin-left: 0;
        }

        .body-content .nav-pills li:last-child {
            margin-right: 0;
        }

        .body-content .nav-pills li a {
            display: block;
            background: #ECEDEF;
            color: #2D3138;
            border-radius: 3px;
            cursor: pointer;
            text-decoration: none;
            width: 26px;
        }

            .body-content .nav-pills li a.inactive {
                background: none;
                color: #6B7382;
                cursor: default;
            }

            .body-content .nav-pills li a:hover {
                background: #1090D5;
                color: #FFF;
            }

            .body-content .nav-pills li a.inactive:hover {
                background: none;
                color: #6B7382;
            }

        .body-content .nav-pills li ul {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            background: #D9DBE0;
            margin: 0;
            padding: 3px;
            z-index: 10;
            border-radius: 0 3px 3px 3px;
            font-size: 12px;
            text-align: left;
        }

            .body-content .nav-pills li ul li {
                display: block;
                margin: 0 0 3px;
                padding: 0;
            }

                .body-content .nav-pills li ul li:last-child {
                    margin: 0;
                }

                .body-content .nav-pills li ul li a {
                    background: none;
                    display: block;
                    width: auto;
                    padding: 3px 8px;
                    white-space: nowrap;
                }

    .body-content .nav-pills > li:hover > a {
        background: #D9DBE0;
        color: #2D3138;
        border-radius: 3px 3px 0 0;
    }

    .body-content .nav-pills > li:hover > ul a {
        background: #ECEDEF;
    }

        .body-content .nav-pills > li:hover > ul a:hover {
            background: #5B6270;
            color: #FFF;
        }

        .body-content .nav-pills > li:hover > ul a.inactive, .body-content .nav-pills > li:hover > ul a.inactive:hover {
            background: none;
        }

    .body-content .nav-pills > li:hover ul {
        display: block;
    }

@media (max-width:760px) {
    .nav-pills {
        line-height: 38px;
        margin-bottom: 20px;
        height: 38px;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

        .nav-pills li a {
            width: 38px;
            margin-bottom: 5px;
        }
}


/********************/
/**  Login screen  **/
/********************/
#login-box {
    float: none;
    margin: 100px auto;
    padding: 40px;
    width: 400px;
    background: rgba(255,255,255,0.9);
    border-radius: 3px;
}

    #login-box + .body-content {
        display: none;
    }

.login-messages {
    color: #b94a48;
    padding-bottom: 1em;
}

#login-form p {
    margin: 10px 0 20px;
    font-style: italic;
    color: #666;
}

#login-form #login-help p {
    margin: 20px 0 0;
}

#login-form form {
    margin-bottom: 0;
}

#login-form .clearfix {
    margin-bottom: 10px;
}

#login-form .login-label {
    font-weight: bold;
    width: 100px;
    display: inline;
    position: relative;
    float: left;
    line-height: 42px;
    height: 42px;
}

#login-form .login-field {
    width: 200px;
    display: inline;
    position: relative;
    float: left;
}

    #login-form .login-field input {
        border: 1px solid #DDD;
        padding: 10px;
        font-family: 'Helvetica Neue',Arial,sans-serif;
        border-radius: 3px;
        width: 200px;
    }

        #login-form .login-field input:focus {
            outline: 0 none;
            border-color: #06C;
        }

#login-form .submit-action {
    margin-top: 10px;
    padding-left: 100px;
    margin-bottom: 20px;
}

#login-form p.info {
    font-style: normal;
    font-weight: bold;
    border-top: 1px dashed #CCC;
    padding-top: 15px;
    font-size: 14px;
}


/**********************************/
/**  Lightboxed Degree Handbook  **/
/**********************************/

#uon-lightbox-content #degree-details h2 {
    font-family: "FuseV2","Helvetica Neue",Arial,sans-serif;
    position: relative;
    margin-top: 30px;
}

    #uon-lightbox-content #degree-details h2.first {
        margin-top: 0;
    }

#uon-lightbox-content #degree-details ul, #uon-lightbox-content #degree-details ol, #uon-lightbox-content #degree-details li {
    margin: 0;
    padding: 0;
    line-height: 20px;
    background: none;
}

#uon-lightbox-content #degree-details ul {
    margin: 0 0 10px;
    list-style-type: square;
}

#uon-lightbox-content #degree-details ol {
    margin: 0 0 10px;
    list-style-type: decimal;
}

#uon-lightbox-content #degree-details li {
    margin-left: 20px;
}

#uon-lightbox-content #degree-details ol li {
    list-style-type: decimal;
}

#uon-lightbox-content #degree-details ul li {
    list-style-type: square;
}

#uon-lightbox-content #degree-details hr {
    margin: 30px 0;
    border: 0 none;
    border-top: 2px solid #EEE;
}

#uon-lightbox-content .handbook-row h3 {
    margin: 30px 0 10px;
    line-height: 1;
    font-size: 18px;
    position: relative;
}

#uon-lightbox-content #degree-details h2.collapsible:hover, #uon-lightbox-content #degree-details h3.collapsible:hover, #uon-lightbox-content #degree-details h4.collapsible:hover, #uon-lightbox-content #degree-details h5.collapsible:hover {
    cursor: pointer;
    color: #25589d;
}

#uon-lightbox-content #degree-details h2.collapsible:before, #uon-lightbox-content #degree-details h3.collapsible:before, #uon-lightbox-content #degree-details h4.collapsible:before, #uon-lightbox-content #degree-details h5.collapsible:before {
    background: #FCFCFC;
    background: rgba(252, 252, 252, 0.95);
    border-radius: 16px 0 0 16px;
    bottom: -5px;
    content: "-";
    display: none;
    left: -66px;
    line-height: 27px;
    padding-left: 9px;
    position: absolute;
    text-align: center;
    top: -5px;
    width: 17px;
}

#uon-lightbox-content #degree-details h4.collapsible:before {
    left: -44px;
}

#uon-lightbox-content #degree-details h5.collapsible:before {
    left: -64px;
}

#uon-lightbox-content #degree-details h4.collapsible:before, #uon-lightbox-content #degree-details h5.collapsible:before {
    background: #5a4f94;
    color: #FFF;
    top: -2px;
    bottom: 8px;
    line-height: 19px;
    padding: 0 2px 0 5px;
}

#uon-lightbox-content #degree-details h3.collapsible:before {
    line-height: 25px;
    left: -62px;
    width: 15px;
    padding-left: 7px;
    border-radius: 14px 0 0 14px;
}

#uon-lightbox-content #degree-details h2.collapsible:hover:before, #uon-lightbox-content #degree-details h3.collapsible:hover:before, #uon-lightbox-content #degree-details h4.collapsible:hover:before, #uon-lightbox-content #degree-details h5.collapsible:hover:before {
    display: block;
}

#uon-lightbox-content #degree-details h2.collapsed:before, #uon-lightbox-content #degree-details h3.collapsed:before, #uon-lightbox-content #degree-details h4.collapsed:before, #uon-lightbox-content #degree-details h5.collapsed:before {
    display: block;
    content: "+";
}

#uon-lightbox-content #degree-details #section-program-structure h3.collapsible:before {
    bottom: 5px;
}

#uon-lightbox-content #degree-title {
    border-bottom: 4px solid #1090D5;
    padding-bottom: 20px;
    margin-bottom: 30px;
    text-transform: none;
    font-family: "FuseV2","Helvetica Neue",Arial,sans-serif;
}

#uon-lightbox-content #degree-jump-wrapper.fixed {
    background: #FCFCFC;
    background: rgba(252, 252, 252, 0.95);
    border-bottom: 1px solid #CCC;
    margin: 0 -40px;
    padding: 20px 40px;
    position: fixed;
    top: 0;
    width: 774px;
    z-index: 1000;
}

    #uon-lightbox-content #degree-jump-wrapper.fixed hr {
        display: none;
    }

#uon-lightbox-content #degree-jump {
    margin: 0;
    width: 100%;
    padding: 10px;
    height: auto;
}

#uon-lightbox-content #inline-fast-facts {
    margin-bottom: 30px;
    display: block;
}

    #uon-lightbox-content #inline-fast-facts .fast-facts-row {
        border-top: 1px dotted #CCC;
        padding: 10px 0;
    }

        #uon-lightbox-content #inline-fast-facts .fast-facts-row:first-child {
            border-top: 0 none;
            padding-top: 0;
        }

    #uon-lightbox-content #inline-fast-facts h4 {
        width: 250px;
        font-size: 14px;
        margin: 0;
        display: inline;
        position: relative;
        float: left;
        text-transform: none;
        line-height: 18px;
        padding-right: 20px;
        font-family: "Helvetica Neue",Arial,sans-serif;
        color: #25589d;
    }

    #uon-lightbox-content #inline-fast-facts .fast-facts-detail {
        width: 504px;
        display: inline;
        position: relative;
        float: left;
    }

    #uon-lightbox-content #inline-fast-facts p {
        margin: 0;
    }

    #uon-lightbox-content #inline-fast-facts ul, #uon-lightbox-content #inline-fast-facts ul li {
        margin: 0;
        list-style-type: none;
    }

    #uon-lightbox-content #inline-fast-facts .ff-location {
        color: #666;
        font-style: italic;
    }

        #uon-lightbox-content #inline-fast-facts .ff-location a {
            color: #666;
            text-decoration: none;
        }

            #uon-lightbox-content #inline-fast-facts .ff-location a:hover {
                color: #333;
                text-decoration: underline;
            }

    #uon-lightbox-content #inline-fast-facts a.ff-faculty-link {
        position: relative;
        padding-left: 15px;
        color: #333;
        text-decoration: none;
    }

        #uon-lightbox-content #inline-fast-facts a.ff-faculty-link:hover {
            color: #25589d;
            text-decoration: underline;
        }

        #uon-lightbox-content #inline-fast-facts a.ff-faculty-link::before {
            content: "";
            position: absolute;
            left: 0;
            top: 2px;
            width: 9px;
            height: 9px;
            border-radius: 100%;
            background: #1090D5;
        }

#uon-lightbox-content #section-program-structure h3 {
    margin: 30px 0 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #5a4f94;
    position: relative;
}

#uon-lightbox-content #section-program-structure h4 {
    border-bottom: 2px solid #CCC;
    margin: 0 0 15px 0;
}

#uon-lightbox-content #section-program-structure h5 {
    margin: 15px 0 10px;
    padding-bottom: 0;
}

#uon-lightbox-content #section-program-structure h4, #uon-lightbox-content #section-program-structure h5 {
    font-size: 18px;
    padding-bottom: 10px;
    position: relative;
    color: #333;
}

    #uon-lightbox-content #section-program-structure h3 small, #uon-lightbox-content #section-program-structure h4 small, #uon-lightbox-content #section-program-structure h5 small {
        display: block;
        font-size: 11px;
        color: #999;
        text-transform: none;
        margin-top: 3px;
        font-family: 'dinbold','Helvetica Neue',Arial,sans-serif;
    }

#uon-lightbox-content #section-program-structure .course-requirement-group:after, #uon-lightbox-content #section-program-structure .course-major:after {
    content: "";
    width: 200px;
    height: 0;
    margin: 0 auto 0 -100px;
    display: block;
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #DDD;
    position: absolute;
    left: 50%;
    bottom: -39px;
}

#uon-lightbox-content #section-program-structure .course-requirement-group:first-child:after, #uon-lightbox-content #section-program-structure .course-major:first-child:after {
    display: none;
}


/***************************/
/**  Reptuation Template  **/
/***************************/

.reputation-template #page-header {
    background-position: center center;
    background-size: cover;
    background-color: #ECEDEF;
}

    .reputation-template #page-header::after {
        display: none;
    }

    .reputation-template #page-header .inner {
        display: flex;
        flex-direction: row;
        align-content: flex-start;
    }

    .reputation-template #page-header .headline-150px {
        margin: 200px 0 20px;
        padding-bottom: 0;
        width: 63%;
    }

    .reputation-template #page-header .headline-80px {
        margin: 90px 0 20px;
    }

    .reputation-template #page-header .headline-60px {
        margin: 60px 0 0;
    }

    .reputation-template #page-header.welcome-to-new .headline-150px {
        margin-top: 90px;
    }

    .reputation-template #page-header p {
        width: 37%;
        margin-top: 90px;
        font-size: 16px;
        line-height: 1.45;
    }

.reputation-template #uon-body {
    background: #FFF;
    border-top: 1px solid #D9DBE0;
    padding: 0 20px;
}

    .reputation-template #uon-body .body-content {
        padding: 80px 0;
        background: none;
    }

    .reputation-template #uon-body.two-column .body-menu {
        margin-top: 40px;
    }

    .reputation-template #uon-body.two-column .body-content {
        padding: 40px 40px 40px 20px;
    }

.campaign-story .w70 {
    font-size: 16px;
}

.clearfix.campaign-story {
    max-width: 100%;
}

    .clearfix.campaign-story .w70 {
        padding-right: 80px;
    }

    .clearfix.campaign-story .w30 {
    }

        .clearfix.campaign-story .w30 img {
            border-radius: 3px;
        }

@media screen and (max-width:760px) {
    .clearfix.campaign-story .w70 {
        padding-right: 0;
    }

    .clearfix.campaign-story .w70, .clearfix.campaign-story .w30 {
        width: 100%;
        display: block;
        float: none;
    }
}


.campaign-cta {
    background: #1090D5;
    color: #FFF;
    text-decoration: none;
    font-size: 30px;
    position: relative;
    border-radius: 3px;
    display: block;
    font-family: FuseV2,'Helvetica Neue',Arial,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    padding: 30px;
    line-height: 30px;
    margin: 80px 0;
    transition: 0.1s all;
}

    .campaign-cta.grey-campaign-cta {
        background: #5B6270;
    }

#panel.landing-page .campaign-cta {
    margin: 40px 0;
}

.campaign-cta:last-child {
    margin-bottom: 0;
}

.body-content > .campaign-cta:last-child {
    margin-bottom: 40px;
}

.campaign-cta:hover {
    background: #2D3138;
    color: #FFF;
}

.campaign-cta strong {
    transition: 0.1s all;
}

.campaign-cta:hover strong {
    color: #1090D5;
}

.campaign-cta span {
    font-size: 24px;
    position: absolute;
    margin-left: 43px;
    font-weight: normal;
    text-transform: none;
}

    .campaign-cta span::before {
        background: rgba(255,255,255,0.5);
        width: 3px;
        position: absolute;
        left: -23px;
        top: -5px;
        bottom: -5px;
        border-radius: 3px;
        content: "";
    }

.campaign-cta::after {
    text-align: center;
    width: 70px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 90px;
    font-family: fontawesome;
    content: "\f105";
}

.campaign-cta.alt-campaign-cta {
    margin-top: 0;
    padding: 25px 30px;
    line-height: 1;
}

    .campaign-cta.alt-campaign-cta::after {
        line-height: 1;
        transform: translateY(50%);
        margin-top: -30px;
    }

    .campaign-cta.alt-campaign-cta span {
        display: block;
        position: relative;
        font-size: 20px;
        padding-left: 0;
        margin-left: 0;
        margin-top: 5px;
    }

        .campaign-cta.alt-campaign-cta span::before {
            display: none;
        }

.campaign-story {
    max-width: 750px;
    margin: 0 auto;
}

@media screen and (max-width:1120px) {
    .reputation-template #page-header .headline-150px {
        font-size: 120px;
        margin: 150px 0 60px;
    }
}

@media screen and (max-width:900px) {
    .reputation-template #page-header .headline-150px {
        font-size: 90px;
        margin: 90px 0 60px;
    }

    .reputation-template #page-header p {
        font-size: 14px;
    }

    .campaign-cta {
        margin: 40px 0 20px;
        font-size: 28px;
        padding: 20px 30px 20px 20px;
        line-height: 0.9;
    }

        .campaign-cta + .grid-content {
            margin-top: 20px;
        }

    .grid-content + .campaign-cta {
        margin-top: -20px;
    }

    .campaign-cta span {
        font-size: 20px;
        position: relative;
        margin: 10px 0 0;
        display: block;
        line-height: 1.1;
    }

        .campaign-cta span::before {
            display: none;
        }

    .campaign-cta::after {
        display: none;
    }

    .campaign-cta span::after {
        margin-left: 10px;
        font-family: fontawesome;
        content: "\f105";
    }
}

@media screen and (max-width:760px) {
    .reputation-template #page-header .no-tint {
        padding: 30px 20px;
    }

    .reputation-template #cookie-trail + #page-header .header-tint .inner {
        padding: 20px 0;
    }

    .reputation-template #page-header .inner {
        display: block;
    }

    .reputation-template #page-header .headline-150px {
        font-size: 50px;
        margin: 20px 0;
        width: 100%;
    }

    .reputation-template #page-header.welcome-to-new .headline-150px {
        margin-top: 20px;
    }

    .reputation-template #cookie-trail + #page-header.welcome-to-new .inner {
        padding-bottom: 0;
    }

    .reputation-template #page-header .headline-60px {
        font-size: 40px;
        margin: 0;
        width: 100%;
    }

    .reputation-template #page-header p {
        width: 100%;
        font-size: 14px;
        line-height: 1.5;
        margin: 20px 0;
    }

    .reputation-template #uon-body .body-content {
        padding: 20px 0;
        margin-bottom: 0;
    }
}


/***********************/
/**  Instructor List  **/
/***********************/

.instructor-item {
    margin: 30px 0;
    min-height: 100px;
    position: relative;
    padding-left: 130px;
}

    .instructor-item.instructor-item-no-image {
        padding-left: 0;
    }

    .instructor-item .instructor-image {
        position: absolute;
        left: 0;
        top: 0;
    }

        .instructor-item .instructor-image img {
            border-radius: 100%;
            width: 100px;
            height: 100px;
        }

    .instructor-item h4 {
        margin-top: 0;
    }

.reputation-template .instructor-item .instructor-image img {
    border-radius: 3px;
}



/***************************/
/**  Side-tabbed content  **/
/***************************/

.content-side-menu {
    text-align: right;
    padding-top: 30px;
    margin-top: 53px;
    position: relative;
}

    .content-side-menu::before {
        content: "";
        background: #D9DBE0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        border-radius: 3px;
    }

    .content-side-menu.fixed-position {
        position: fixed;
        top: -13px;
        margin-right: 60px;
        z-index: 1;
    }

    .content-side-menu li {
        margin-bottom: 15px;
        position: relative;
    }

        .content-side-menu li a {
            color: #2D3138;
            text-decoration: none;
            position: relative;
            display: inline-block;
        }

            .content-side-menu li a:hover {
                text-decoration: underline;
            }

            .content-side-menu li a.active, .content-side-menu > li:hover > a {
                color: #2D3138;
                text-decoration: none;
                font-weight: bold;
            }

                .content-side-menu li a.active::after {
                    color: #1090D5;
                    position: absolute;
                    right: -35px;
                    top: 50%;
                    transform: translateY(-50%);
                    font-size: 24px;
                    font-family: 'fontawesome';
                    content: "\f105";
                }


            .content-side-menu li a .count {
                position: absolute;
                right: 0;
                border: 1px solid #4C525D;
                color: #4C525D;
                border-radius: 10px;
                font-size: 10px;
                line-height: 17px;
                padding: 0 8px;
                top: 1px;
            }

    .content-side-menu ol {
        display: none;
        font-size: 12px;
        line-height: 14px;
        position: absolute;
        top: -15px;
        left: 100%;
        background: #ECEDEF;
        border-radius: 3px;
        text-align: left;
        padding: 15px 30px 15px 15px;
        z-index: 100;
        margin-left: 15px;
        box-shadow: 0 0 0 10px rgba(255,255,255,0.85);
    }

    .content-side-menu li:hover ol {
        display: block;
    }

    .content-side-menu ol::before {
        content: "";
        border: 10px solid transparent;
        border-right-color: #ECEDEF;
        position: absolute;
        top: 14px;
        left: -20px;
        width: 0;
        height: 0;
        display: block;
    }

    .content-side-menu ol li {
        margin-bottom: 10px;
    }

        .content-side-menu ol li:last-child {
            margin-bottom: 0;
        }

        .content-side-menu ol li a {
            white-space: nowrap;
        }

            .content-side-menu ol li a:hover {
                text-decoration: underline;
            }


#about-tabs {
    padding-left: 60px;
}

    #about-tabs .about-tab {
        display: none;
    }



/******************************/
/**  Area of Study selector  **/
/******************************/

.aos-grid {
    display: none;
    margin: 30px 0 20px;
}

    .aos-grid .aos-grid-flex {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: -10px -10px 0 20px;
    }

.aos-grid-flex a {
    font-family: FuseV2;
    background: #FFF;
    color: #5B6270;
    display: block;
    border-radius: 4px;
    padding: 10px 10px 10px 65px;
    position: relative;
    font-size: 16px;
    line-height: 18px;
    font-weight: 900;
    text-decoration: none;
    height: 60px;
    vertical-align: middle;
    cursor: pointer;
    margin: 10px;
    width: calc(33.3333% - 20px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    .aos-grid-flex a .i8 {
        font-size: 36px;
        margin-right: 15px;
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        color: #1090D5;
    }

    .aos-grid-flex a .cta-label {
        display: table-cell;
        vertical-align: middle;
        height: 40px;
        text-decoration: none;
    }

    .aos-grid-flex a:hover {
        background: #1090D5;
    }

        .aos-grid-flex a:hover .cta-label, .aos-grid-flex a:hover .i8 {
            color: #FFF;
        }

.landing-page .aos-grid {
    color: #FFF;
    display: block;
}

    .landing-page .aos-grid h2 {
        color: #FFF;
    }

    .landing-page .aos-grid p a {
        color: #FFF;
    }

.landing-page .aos-grid-flex a {
    background: #6B7382;
    color: #FFF;
}

    .landing-page .aos-grid-flex a .i8 {
        color: #FFF;
    }

    .landing-page .aos-grid-flex a:hover {
        background: #1090D5;
    }

#browse-by-aos {
    padding-left: 20px;
    text-align: left;
    width: calc(25% - 15px);
    position: absolute;
    top: 0;
    right: 0;
    height: 96px;
    font-size: 24px;
    line-height: 1;
    background: #1090D5;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

    #browse-by-aos:hover {
        background: #5B6270;
    }

    #browse-by-aos::after {
        line-height: 76px;
        content: "\f107";
        border-left: 0 none;
    }

    #browse-by-aos.toggle-open::after {
        content: "\f106";
    }

    #browse-by-aos:hover::after {
        color: #5B6270;
    }

@media screen and (max-width:768px) {
    .aos-grid .w25 {
        width: 100%;
    }

    .aos-grid .w75 {
        width: 100%;
    }

    .aos-grid .aos-grid-flex {
        margin: 0 -5px;
    }

    .aos-grid-flex a {
        width: 100%;
        padding: 5px 5px 5px 45px;
        margin: 5px;
        height: 50px;
    }

        .aos-grid-flex a .i8 {
            font-size: 24px;
            left: 10px;
        }

    #browse-by-aos {
        position: relative;
        width: 100%;
        font-size: 20px;
        height: 56px;
        margin-top: 10px;
    }

        #browse-by-aos::after {
            line-height: 36px;
        }

        #browse-by-aos br {
            display: none;
        }
}


/***********************/
/**  Course listings  **/
/***********************/

#advanced-filter .fa-circle-o-notch {
    margin-left: 20px;
    color: #1090D5;
}

.handbook-course-listing {
    margin-bottom: 30px;
    font-size: 12px;
    width: 100%;
    border-collapse: collapse;
}

    .handbook-course-listing, .handbook-course-listing tr, .handbook-course-listing td, .handbook-course-listing th {
        background: none;
    }

        .handbook-course-listing thead th, .handbook-course-listing thead .th {
            color: #4C525D;
            font-size: 24px;
            line-height: 1;
            font-weight: normal;
            text-rendering: optimizelegibility;
            border-bottom: 2px solid #C6CAD1;
            padding: 10px 0;
            text-align: left;
        }

        .handbook-course-listing thead.grouping th, .handbook-course-listing thead.grouping .th {
            font-size: 18px;
            padding-top: 0;
        }

        .handbook-course-listing thead.grouping td {
            padding: 10px 0;
        }

        .handbook-course-listing thead.grouping tr:first-child td {
            padding-top: 0;
        }

        .handbook-course-listing thead.grouping tr.column-headings th {
            font-size: 12px;
            padding: 0 0 10px;
            border-bottom: 1px solid #C6CAD1;
            color: #6B7382;
        }

            .handbook-course-listing thead.grouping tr.column-headings th:first-child {
                padding-left: 20px;
            }

            .handbook-course-listing thead.grouping tr.column-headings th:last-child {
                text-align: right;
            }

        .handbook-course-listing tbody td {
            border-bottom: 1px dotted #D9DBE0;
            padding: 5px 0;
            text-align: left;
            vertical-align: top;
        }

            .handbook-course-listing tbody td.course-code {
                width: 110px;
                font-weight: bold;
            }

            .handbook-course-listing tbody td.title {
                width: 364px;
            }

                .handbook-course-listing tbody td.title a {
                    color: #06C;
                }

                    .handbook-course-listing tbody td.title a:hover {
                        color: #606;
                    }

            .handbook-course-listing tbody td.availability {
                width: 220px;
                font-style: italic;
                color: #4C525D;
                padding-right: 20px;
            }

                .handbook-course-listing tbody td.availability ul, .handbook-course-listing tbody td.availability li {
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                }

                    .handbook-course-listing tbody td.availability li::before {
                        display: none;
                    }

                .handbook-course-listing tbody td.availability.notavailable {
                    color: #6B7382;
                    font-size: 11px;
                }

            .handbook-course-listing tbody td.units {
                width: 60px;
                font-weight: bold;
                text-align: right;
            }

        .handbook-course-listing tfoot td.back-to-top {
            text-align: right;
            padding: 5px 0;
            font-size: 11px;
        }

        .handbook-course-listing .course-code a {
            color: #2D3138;
            display: block;
            padding: 0 0 0 20px;
            position: relative;
            text-decoration: none;
        }

            .handbook-course-listing .course-code a:hover {
                color: #606;
                text-decoration: underline;
            }

            .handbook-course-listing .course-code a::before {
                background: #1090D5;
                border-radius: 100%;
                content: "";
                height: 6px;
                left: 0;
                position: absolute;
                left: 1px;
                top: 3px;
                width: 6px;
                border: 2px solid #1090D5;
            }

        .handbook-course-listing tr:hover .course-code a:before {
            border-color: rgba(0,0,0,0.2);
        }

        .handbook-course-listing .unavailable-course .course-code a:before {
            border-color: #C6CAD1;
            background: none;
        }

        .handbook-course-listing tbody tr.unavailable-course {
        }

            .handbook-course-listing tbody tr.unavailable-course .course-code a, .handbook-course-listing tbody tr.unavailable-course .title a, .handbook-course-listing tbody tr.unavailable-course .units {
                color: #6B7382;
            }

        .handbook-course-listing .term_unavailable .course-code a {
            color: #6B7382;
        }

            .handbook-course-listing .term_unavailable .course-code a:hover {
                color: #06C;
            }

        .handbook-course-listing tbody .term_unavailable td.title a {
            color: #6B7382;
        }

            .handbook-course-listing tbody .term_unavailable td.title a:hover {
                color: #06C;
            }

        .handbook-course-listing tbody .term_unavailable td.units {
            color: #6B7382;
        }

        .handbook-course-listing .course-code a::before {
            border-color: #1090D5;
            background: #1090D5;
        }

        .handbook-course-listing .term_unavailable .course-code a::before {
            border-color: #C6CAD1;
            background: none;
        }

#degree-details .major-group, #degree-details .requirement-group {
    margin-top: 2em;
}

    #degree-details .major-group h4, #degree-details .requirement-group h4 {
        color: #3D414A;
        margin: 0;
        border: 1px solid #D9DBE0;
        border-bottom: 0 none;
        background: #ECEDEF;
        padding: 15px 20px;
        border-radius: 3px 3px 0 0;
    }

        #degree-details .major-group h4.collapsed, #degree-details .requirement-group h4.collapsed {
            border-bottom: 1px solid #D9DBE0;
            border-radius: 3px;
            background: #F8F9FB;
        }

        #degree-details .major-group h4:after, #degree-details .requirement-group h4:after {
            display: none;
        }

    #degree-details .major-group .course-major, #degree-details .requirement-group .course-requirement-group {
        border: 1px solid #D9DBE0;
        background: #F8F9FB;
        margin: 0;
        border-top: 0 none;
        padding: 20px;
        border-radius: 0 0 3px 3px;
    }

#degree-details .course-major > .course-list {
    margin-top: 40px;
}

#degree-details .major-group .course-major .course-list:first-child {
    margin-top: 0;
}

#degree-details .handbook-course-listing:last-child {
    margin-bottom: 0;
}

#degree-details .handbook-course-listing thead.grouping th, #degree-details .handbook-course-listing thead.grouping .th {
    font-weight: bold;
}

#degree-details .option-group {
    border-left: 2px solid #D9DBE0;
    margin-top: 40px;
    padding-left: 20px;
}

.course-options {
    border: 0 none;
    padding: 0;
    margin: 0;
}

.course-option .course-list {
    margin-top: 20px;
}

.course-list p, .option-group p {
    font-size: 12px;
    margin: 0;
}

.handbook-course-listing tbody tr:last-child td {
    border-bottom: 0 none;
}

.hidden-course {
    display: none;
}

.handbook-course-listing tfoot.no-matches tr td .msg {
    color: #4C525D;
    margin-right: 10px;
}

#course-results.handbook-course-listing {
    font-size: 14px;
}

    #course-results.handbook-course-listing tbody td {
        padding: 10px 0;
    }

        #course-results.handbook-course-listing tbody td.course-code {
            font-weight: normal;
            width: 20%;
        }

        #course-results.handbook-course-listing tbody td.title {
            width: 70%;
        }

        #course-results.handbook-course-listing tbody td.units {
            width: 10%;
        }

@media screen and (max-width:760px) {
    .handbook-course-listing thead th:nth-child(1) {
        display: inline-block;
        width: 30%;
    }

    .handbook-course-listing thead th:nth-child(2) {
        display: inline-block;
        width: 70%;
    }

    .handbook-course-listing thead th:nth-child(3), .handbook-course-listing thead th:nth-child(4) {
        display: none;
    }

    .handbook-course-listing tbody tr {
        border-bottom: 1px solid #D9DBE0;
    }

    .handbook-course-listing tbody td {
        border-bottom: 0 none;
    }

        .handbook-course-listing tbody td.course-code {
            width: 31%;
            display: inline-block;
        }

        .handbook-course-listing tbody td.title {
            width: 69%;
            display: inline-block;
            padding-bottom: 5px;
        }

        .handbook-course-listing tbody td.availability {
            width: 100%;
            display: inline-block;
            padding-top: 0;
            padding-bottom: 5px;
            padding-left: 31%;
        }

        .handbook-course-listing tbody td.units {
            text-align: left;
            width: 100%;
            display: inline-block;
            padding-top: 0;
            padding-left: 31%;
        }
}


/***********************/
/**  Degree listings  **/
/***********************/

.handbook-degree-listing {
    margin-bottom: 30px;
    width: 100%;
    border-collapse: collapse;
}

    .handbook-degree-listing, .handbook-degree-listing tr, .handbook-degree-listing td, .handbook-degree-listing th {
        background: none;
    }

        .handbook-degree-listing thead th {
            color: #4C525D;
            font-size: 24px;
            line-height: 1;
            font-weight: 300;
            text-rendering: optimizelegibility;
            border-bottom: 2px solid #C6CAD1;
            padding: 0 0 10px;
            text-align: left;
            font-family: "FuseV2","Helvetica Neue",Arial,sans-serif;
        }

            .handbook-degree-listing thead th strong {
                font-weight: 900;
            }

        .handbook-degree-listing thead.grouping th {
            font-size: 18px;
            padding-top: 0;
        }

        .handbook-degree-listing thead.grouping td {
            padding: 10px 0;
        }

        .handbook-degree-listing thead.grouping tr:first-child td {
            padding-top: 0;
        }


        .handbook-degree-listing tbody td {
            border-bottom: 1px dotted #D9DBE0;
            padding: 10px 0;
            text-align: left;
            vertical-align: top;
        }

        .handbook-degree-listing tbody tr.hidthis td {
            border-bottom: 0 none;
        }

        .handbook-degree-listing tbody td.title a {
            color: #06C;
        }

            .handbook-degree-listing tbody td.title a:hover {
                color: #606;
            }

        .handbook-degree-listing tbody td.promo-icon {
            width: 32px;
            text-align: center;
        }

            .handbook-degree-listing tbody td.promo-icon i.fa-dot-circle-o {
                color: #FC0;
                font-size: 18px;
            }

            .handbook-degree-listing tbody td.promo-icon i.fa-graduation-cap {
                color: #6B7382;
                font-size: 14px;
            }

        .handbook-degree-listing tfoot td.back-to-top {
            text-align: left;
            padding: 5px 0 5px 20px;
            font-size: 12px;
        }

            .handbook-degree-listing tfoot td.back-to-top a {
                color: #4C525D;
                text-decoration: none;
            }

                .handbook-degree-listing tfoot td.back-to-top a:hover {
                    color: #606;
                }

                .handbook-degree-listing tfoot td.back-to-top a:before {
                    font-family: fontawesome;
                    margin-right: 5px;
                    content: "\f106";
                }

        .handbook-degree-listing .title a.degree-link {
            color: #2D3138;
            display: block;
            padding: 0 0 0 20px;
            position: relative;
            text-decoration: none;
        }

            .handbook-degree-listing .title a.degree-link:hover {
                color: #606;
                text-decoration: underline;
            }

            .handbook-degree-listing .title a.degree-link::before {
                background: #1090D5;
                border-radius: 100%;
                content: "";
                height: 6px;
                left: 0;
                position: absolute;
                left: 1px;
                top: 3px;
                width: 6px;
                border: 2px solid #1090D5;
            }

        .handbook-degree-listing tr:hover .title a.degree-link:before {
            border-color: rgba(0,0,0,0.2);
        }

        .handbook-degree-listing .title.degree_new a.degree-link::before {
            background: none;
            border-radius: 0;
            border: 0 none;
            top: 0;
            left: 0;
            color: #1090D5;
            font-family: fontawesome;
            content: "\f005";
        }

        .handbook-degree-listing .intake_none .title a.degree-link:before {
            border-color: #C6CAD1;
            background: none;
        }

        .handbook-degree-listing tr .handbook {
            text-align: right;
        }


/********************/
/**  New Homepage  **/
/********************/

/* Current Header */
#panel.home-page #uon-body {
    margin-top: 0;
    overflow: hidden;
}

#panel.home-page #page-header {
    margin-top: 0;
    overflow: visible;
}

#panel.home-page #page-header {
    background-color: #FFF;
    height: 100%;
}

    #panel.home-page #page-header .carousel-slide {
        height: auto;
    }

    #panel.home-page #page-header .carousel-slide {
        background-size: cover;
        background-position: center center;
        width: 100%;
    }

        #panel.home-page #page-header .carousel-slide .no-header-tint {
            height: 100%;
        }

        #panel.home-page #page-header .carousel-slide .header-tint {
            height: 100%;
            text-shadow: none;
        }

            #panel.home-page #page-header .carousel-slide .header-tint.light-header-tint {
                background: linear-gradient(60deg,rgba(236,237,239,0.75),rgba(236,237,239,0) 60%);
            }

        #panel.home-page #page-header .carousel-slide .inner {
            position: relative;
            height: 100%;
            min-height: 660px;
        }

        #panel.home-page #page-header .carousel-slide .carousel-content { /*width:55%;*/
            padding: 100px 0 40px 0;
        }
/*#panel.home-page #page-header .carousel-slide .left-carousel-content {margin-right:45%;}*/
/*#panel.home-page #page-header .carousel-slide .right-carousel-content {margin-left:45%;}*/
#panel.home-page #uon-body {
    position: relative;
}

#panel.home-page #page-header .carousel-slide.slide-loaded {
    top: 0;
    bottom: 0;
}

    #panel.home-page #page-header .carousel-slide.slide-loaded .carousel-content {
        position: absolute;
        bottom: 0;
    }

#panel.home-page #page-header .headline-150px, #panel.home-page #page-header .headline-120px,
#panel.home-page #page-header .headline-100px, #panel.home-page #page-header .headline-80px,
#panel.home-page #page-header .headline-60px {
    margin: 0 0 10px 0;
}

.carousel-content .blue-headline {
    color: #1090D5;
}

.carousel-content .carousel-caption {
    font-size: 20px;
    line-height: 1.2;
    font-family: 'FuseV2','Helvetica Neue',Arial,sans-serif;
    font-weight: 300;
    margin: 20px 0;
    color: #2D3138;
}

    .carousel-content .carousel-caption:last-child {
        margin-bottom: 0;
    }

    .carousel-content .carousel-caption.inverted-caption {
        color: #FFF;
    }

    .carousel-content .carousel-caption p {
        line-height: 1.2;
    }

        .carousel-content .carousel-caption p:last-child {
            margin-bottom: 0;
        }

    .carousel-content .carousel-caption strong {
        font-weight: 600;
    }

.carousel-content .inverted-headline, .carousel-content .dark-headline, .carousel-content .blue-headline {
    margin: 0 0 10px 0;
}

.carousel-content > a {
    display: block;
}

.carousel-content .carousel-action {
    font-size: 30px;
    font-family: 'FuseV2','Helvetica Neue',Arial,sans-serif;
    font-weight: 900;
    margin: 0;
    color: #2D3138;
}

    .carousel-content .carousel-action.inverted-calltoaction {
        color: #FFF;
    }

.carousel-caption .more-link {
    font-size: 16px;
    font-weight: 900;
}

    .carousel-caption .more-link::before, .carousel-action::before {
        color: #1090D5;
        font-family: fontawesome;
        content: "";
    }

    .carousel-caption .more-link::before {
        margin-right: 5px;
    }

.carousel-action::before {
    margin-right: 10px;
}

.carousel-content a:hover .carousel-caption .more-link::before, .carousel-action:hover::before {
    content: "";
}

#panel.home-page #page-header .flickity-page-dots {
    position: absolute;
    bottom: 24px;
    right: 60px;
    text-align: right;
}

    #panel.home-page #page-header .flickity-page-dots .dot {
        background: #FFF;
        width: 12px;
        height: 12px;
    }

        #panel.home-page #page-header .flickity-page-dots .dot.is-selected {
            background: #1090D5;
        }

#panel.home-page #page-header .flickity-prev-next-button {
    position: absolute;
    bottom: 60px;
    right: 60px;
    width: 50px;
    height: 50px;
    z-index: 300;
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    background: #1090D5;
    top: auto;
    transform: none;
}

    #panel.home-page #page-header .flickity-prev-next-button:hover {
        background: #2D3138;
    }

    #panel.home-page #page-header .flickity-prev-next-button.previous {
        right: 120px;
        left: auto;
    }

    #panel.home-page #page-header .flickity-prev-next-button.next {
        right: 60px;
        left: auto;
    }

    #panel.home-page #page-header .flickity-prev-next-button .arrow {
        fill: #FFF;
    }


.grid-content.carousel .content {
    padding-bottom: 40px;
}

    .grid-content.carousel .content p:last-child {
        position: absolute;
        bottom: 20px;
        left: 20px;
        right: 20px;
        line-height: 1;
    }


#panel.home-page .search-and-cta {
    padding: 40px 40px 0 40px;
    background-color: #1090D5;
    margin: 80px auto;
    border-radius: 3px;
}

    #panel.home-page .search-and-cta::before, #panel.home-page .search-and-cta::after {
        display: none;
    }

    #panel.home-page .search-and-cta .inner {
        margin: 0 auto;
    }

    #panel.home-page .search-and-cta .headline-40px {
        margin: 0 auto 20px;
        display: block;
    }

    #panel.home-page .search-and-cta .search-box-content {
        margin-bottom: 40px;
    }

    #panel.home-page .search-and-cta #degree-search-submit {
        top: auto;
        bottom: 10px;
    }

    #panel.home-page .search-and-cta .button-row {
        margin: 0 -40px 0;
        background: #5B6270;
        border-radius: 0 0 3px 3px;
        padding: 20px 40px;
    }

        #panel.home-page .search-and-cta .button-row a {
            margin-right: 15px;
        }

#panel.home-page #degree-search-results {
    padding: 0;
    margin: 0 -40px;
    background: #FFF;
}

    #panel.home-page #degree-search-results p {
        margin: 0 0 20px;
        text-align: left;
    }

@media screen and (max-width:760px) {
    #panel.home-page .search-and-cta #degree-search-submit {
        top: auto;
        bottom: 5px;
    }
}

/*******************/
/**  Tab content  **/
/*******************/
/** TODO: Remove, this has been migrated to unicorn  **/
.tab-content {
    margin: 40px 0px;
    position: relative;
}

.tab-content-nav {
    display: flex;
    background: none;
    border-bottom: 2px solid #D9DBE0;
    padding: 0;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

    .tab-content-nav::before, .tab-content-nav::after {
        content: "";
        position: absolute;
        bottom: -2px;
        width: 40px;
        height: 2px;
    }

    .tab-content-nav::before {
        left: -40px;
        background: linear-gradient(to left,#D9DBE0,#FFF);
    }

    .tab-content-nav::after {
        right: -40px;
        background: linear-gradient(to right,#D9DBE0,#FFF);
    }

    .tab-content-nav a {
        display: block;
        flex-grow: 1;
        width: auto;
        color: #5B6270;
        background: transparent;
        padding: 22px 22px 20px 22px;
        border-bottom: 2px solid #D9DBE0;
        background: #F6F7F9;
        text-decoration: none;
        border-radius: 3px 3px 0 0;
        line-height: 1;
        margin: 0 3px -2px;
    }

        .tab-content-nav a:hover {
            color: #FFF;
            background: #2D3138;
        }

        .tab-content-nav a.active {
            border: 2px solid #D9DBE0;
            padding: 20px;
            border-bottom: 0 none;
            color: #5B6270;
            background: #FFF;
        }

.tab-content-tabs {
    padding: 40px 0;
    position: relative;
}

.tab-content-tab {
    display: none;
}

#degree-search-results .tab-content #close-search-results {
    top: 40px;
    right: 40px;
    position: absolute;
}

#degree-search-results .tab-content-nav {
    padding: 0 37px;
    background: #1090D5;
    border-bottom: 0;
}

    #degree-search-results .tab-content-nav::before, #degree-search-results .tab-content-nav::after {
        display: none;
    }

    #degree-search-results .tab-content-nav a {
        padding: 20px;
        color: #FFF;
        background: #097DBB;
        border: 0 none;
        margin-bottom: 0;
    }

        #degree-search-results .tab-content-nav a .count {
            color: #FFF;
            font-style: italic;
            display: block;
            font-weight: normal;
            margin-top: 5px;
            font-size: 14px;
        }

            #degree-search-results .tab-content-nav a .count:empty {
                display: none;
            }

        #degree-search-results .tab-content-nav a.active {
            background: #FFF;
            color: #2D3138;
            border: 0 none;
        }

            #degree-search-results .tab-content-nav a.active .count {
                color: #5B6270;
            }

#degree-search-results .tab-content-tabs {
    padding: 40px;
}


@media screen and (max-width:760px) {
    .tab-content-nav {
        text-align: left;
        font-size: 16px;
        padding-bottom: 20px;
        flex-direction: column;
    }

        .tab-content-nav a {
            border-radius: 3px;
            margin-top: 6px;
            padding: 10px;
        }

            .tab-content-nav a:first-child {
                margin-top: 0;
            }

    #degree-search-results .tab-content-nav a .count {
        display: inline-block;
        float: right;
    }

    #degree-search-results .tab-content-tabs {
        margin-top: 40px;
    }

    #degree-search-results .tab-content #close-search-results {
        top: -20px;
        transform: translateX(50%);
        right: 50%;
    }
}




.handbook-degree-listing thead th {
    vertical-align: bottom;
}

    .handbook-degree-listing thead th.degree-name {
        color: #6B7382;
        font-weight: bold;
        text-align: left;
        font-size: 14px;
        padding: 10px 0;
    }

    .handbook-degree-listing thead th.degree-atar {
        color: #6B7382;
        font-weight: bold;
        text-align: center;
        font-size: 14px;
        padding: 10px;
    }

    .handbook-degree-listing thead th.degree-uac {
        color: #6B7382;
        font-weight: bold;
        text-align: center;
        font-size: 14px;
        padding: 10px;
    }

    .handbook-degree-listing thead th.degree-atar abbr {
        cursor: help;
    }

.handbook-degree-listing tbody td.degree-atar {
    color: #4C525D;
    font-style: italic;
    text-align: center;
    border-left: 2px dotted #ECEDEF;
    font-weight: bold;
    padding: 10px;
}

.handbook-degree-listing tbody td.degree-uac {
    color: #4C525D;
    font-style: italic;
    text-align: center;
    padding: 10px;
}

.handbook-degree-listing tbody td.degree-atar .empty {
    color: #6B7382;
}

.handbook-degree-listing tbody td.no-further-intake {
    color: #6B7382;
    text-align: center;
    font-style: italic;
    border-left: 2px dotted #ECEDEF;
    font-size: 12px;
    line-height: 17px;
}

.handbook-degree-listing tbody td.new-degree {
    color: #6B7382;
    text-align: center;
    font-weight: bold;
    border-left: 2px dotted #ECEDEF;
    font-size: 12px;
    line-height: 17px;
}

.handbook-degree-listing tbody td.ca {
    text-align: center;
}

.handbook-degree-listing thead th small {
    color: #6B7382;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    line-height: 1;
    display: block;
}


#degree-search-results .aos-grid {
    margin: 20px 0;
}

    #degree-search-results .aos-grid .aos-grid-flex {
        margin: 0 -10px;
    }

#degree-search-results .aos-grid-flex a {
    box-shadow: none;
    background: #ECEDEF;
}

    #degree-search-results .aos-grid-flex a:hover {
        background: #2D3138;
    }

/* moved to uon-widgets */
.feature-block .more-link a {
    color: #2D3138;
    text-decoration: none;
}

    .feature-block .more-link a:hover {
        color: #1090D5;
    }
/* end- moved to uon-widgets */


.welcome-contacts {
    font-size: 30px;
    font-family: FuseV2;
    font-weight: 600;
    display: flex;
    line-height: 1;
    justify-content: center;
    margin: 20px 0;
}

.welcome-askuon, .welcome-phone {
    text-decoration: none;
    display: block;
    color: #2D3138;
    font-weight: 900;
}

.welcome-askuon {
    text-align: right;
}

.welcome-or {
    background: #8E95A3;
    color: #FFF;
    display: block;
    border-radius: 100%;
    line-height: 50px;
    height: 50px;
    width: 50px;
    text-align: center;
    margin: 0 20px;
    text-transform: uppercase;
    font-size: 20px;
}

.welcome-askuon small, .welcome-phone small {
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
}

.welcome-askuon span span, .welcome-phone span span {
    color: #1090D5;
}

.welcome-askuon:hover, .welcome-phone:hover {
    background: #1090D5;
    color: #FFF;
    border-radius: 3px;
    padding: 10px;
    margin: -10px
}

    .welcome-askuon:hover span span, .welcome-phone:hover span span {
        color: #FFF;
    }

.landing-page-intro {
    margin-bottom: 40px;
}

    .landing-page-intro:first-child {
        margin-top: 20px;
    }

    .landing-page-intro .headline-40px {
        text-align: center;
        margin-bottom: 20px;
    }

    .landing-page-intro .headline-50px {
        text-align: center;
        margin-bottom: 20px;
    }

    .landing-page-intro p {
        font-family: Heuristica,Georgia,serif;
        text-align: center;
        font-size: 22px;
        line-height: 1.3;
        color: #5B6270;
    }

        .landing-page-intro p:last-child {
            margin-bottom: 0;
        }

        .landing-page-intro p a {
            color: #1090D5;
        }

.grid-content.carousel {
    margin: 40px -20px 20px;
}

    .grid-content.carousel .grid-block {
        box-sizing: border-box;
        display: block;
        float: left;
        margin: 20px 0 0;
        padding: 20px;
        position: relative;
    }

    .grid-content.carousel .grid-block {
        width: 25%;
    }

#home-news-events h2.headline-40px {
    margin: 0;
}

    #home-news-events h2.headline-40px a {
        line-height: 0.8;
    }

    #home-news-events h2.headline-40px + .uon-feature-block {
        margin-top: 40px;
    }

.grid-content.carousel .flickity-viewport {
    margin-bottom: 40px;
    transition: height 0.2s;
}

.grid-content.carousel .flickity-prev-next-button {
    position: absolute;
    bottom: 0;
    width: 40px;
    height: 40px;
    border: 0 none;
    background: none;
    cursor: pointer;
    background: #2D3138;
}

    .grid-content.carousel .flickity-prev-next-button:hover {
        background: #1090D5;
    }

    .grid-content.carousel .flickity-prev-next-button.previous {
        left: 20px;
        border-radius: 3px;
    }

    .grid-content.carousel .flickity-prev-next-button.next {
        right: 20px;
        border-radius: 3px;
    }

.grid-content.carousel .flickity-page-dots {
    line-height: 40px;
    bottom: 0;
}

.grid-content.carousel .flickity-prev-next-button .arrow {
    fill: #FFF;
}

.grid-content.carousel .flickity-prev-next-button:hover .arrow {
    fill: #FFF;
}

.grid-content.carousel .flickity-page-dots .dot.is-selected {
    background: #1090D5;
}

.grid-content.carousel .flickity-prev-next-button svg {
    height: 40%;
    left: 30%;
    position: absolute;
    top: 30%;
    width: 40%;
}

.dark-caption-bg, .light-caption-bg {
    padding: 30px;
}

@media screen and (min-width:1300px) {
    .grid-content.carousel .flickity-viewport {
        margin-bottom: 0;
    }

    .grid-content.carousel .flickity-prev-next-button {
        bottom: calc(50% - 40px);
    }

        .grid-content.carousel .flickity-prev-next-button.previous {
            left: -40px;
        }

        .grid-content.carousel .flickity-prev-next-button.next {
            right: -40px;
        }
}

@media screen and (max-width:1150px) {
    #panel.home-page #page-header .flickity-page-dots {
        right: 20px;
    }

    #panel.home-page #page-header .flickity-prev-next-button.next {
        right: 20px;
    }

    #panel.home-page #page-header .flickity-prev-next-button.previous {
        right: 80px;
    }

    #panel.home-page .search-and-cta {
        margin: 20px 20px 40px 20px;
    }

    .landing-page-intro {
        padding: 0 20px;
    }

    .grid-content.carousel {
        margin: 40px 0 20px;
    }

    #home-news-events {
        margin: 40px 0 20px;
    }
}

@media screen and (max-width:900px) {
    .landing-page-intro .headline-50px {
        font-size: 40px;
    }

    .landing-page-intro p {
        font-size: 20px;
    }

    .grid-content.carousel {
        margin-top: 0;
    }

        .grid-content.carousel .grid-block {
            width: 33.3333%;
        }

    #home-news-events {
        margin-top: 0;
    }

        #home-news-events h2.headline-40px {
            margin-top: 40px;
        }

    .welcome-contacts {
        flex-direction: column;
        margin-bottom: 10px;
    }

    .welcome-askuon {
        text-align: left;
    }

    .welcome-or {
        color: #5B6270;
        background: none;
        line-height: 1;
        height: auto;
        width: auto;
        text-align: left;
        margin: 10px 0;
    }
}

@media screen and (max-width:800px) {

    #home-news-events {
        margin: 0;
        width: auto;
    }

        #home-news-events > .grid-block {
            width: 100%;
        }

        #home-news-events .grid-content {
            width: auto;
            margin: 0 -20px;
        }

        #home-news-events > .grid-block .grid-block {
            width: 50%;
            padding: 20px;
            float: left;
            margin-top: 0;
        }
}

@media screen and (min-width:760px) { /* Only tablet and up */

    .dark-caption-bg, .light-caption-bg {
        padding: 20px;
        border-radius: 3px;
    }

    .dark-caption-bg {
        background: rgba(45,49,56,0.9);
    }

    .light-caption-bg {
        background: rgba(236,237,239,0.9);
    }

    a.dark-caption-bg:hover, a.light-caption-bg:hover {
        box-shadow: 0 0 0 3px #1090D5;
        transform: scale(1.02);
        transition: 0.1s all;
    }

    .welcome-contacts + p {
        position: absolute;
        bottom: 20px;
        left: 20px;
        line-height: 1;
    }
}

@media screen and (max-width:760px) { /* Tablet/Mobile */

    #panel.home-page #page-header .header-tint, #panel.home-page #page-header .no-header-tint {
        padding: 0;
    }

    #panel.home-page #page-header .carousel-slide {
        margin-bottom: 150px;
    }

        #panel.home-page #page-header .carousel-slide .inner {
            min-height: auto;
        }

        #panel.home-page #page-header .carousel-slide .carousel-content, #panel.home-page #page-header .carousel-slide.slide-loaded .carousel-content {
            width: 100%;
            margin: 0;
            padding: 0;
            bottom: -150px;
            background: #FFF;
        }

            #panel.home-page #page-header .carousel-slide .carousel-content a {
                padding: 20px;
                border-radius: 0;
            }

    #panel.home-page #page-header .carousel-content::before {
        content: "";
        position: absolute;
        top: -30px;
        left: 20px;
        border: 15px solid transparent;
        border-bottom-color: #FFF;
        height: 0;
        width: 0;
    }

    #panel.home-page #page-header .carousel-content .headline-150px, #panel.home-page #page-header .carousel-content .headline-120px,
    #panel.home-page #page-header .carousel-content .headline-100px, #panel.home-page #page-header .carousel-content .headline-80px,
    #panel.home-page #page-header .carousel-content .headline-60px {
        font-size: 50px;
    }

    #panel.home-page #page-header .carousel-content .headline-50px, #panel.home-page #page-header .carousel-content .headline-40px {
        font-size: 30px;
    }

        #panel.home-page #page-header .carousel-content .headline-50px:first-child, #panel.home-page #page-header .carousel-content .headline-40px:first-child {
            font-size: 50px;
        }

    .carousel-content .inverted-headline {
        color: #2D3138;
    }

    .carousel-content .carousel-caption {
        font-size: 16px;
        margin: 10px 0;
    }

        .carousel-content .carousel-caption.inverted-caption {
            color: #2D3138;
        }

    .carousel-content .carousel-action {
        font-size: 22px;
    }

        .carousel-content .carousel-action.inverted-calltoaction {
            color: #2D3138;
        }

    #panel.home-page #page-header {
        padding-bottom: 50px;
    }

        #panel.home-page #page-header .flickity-page-dots {
            left: 50px;
            right: 50px;
            bottom: 18px;
            text-align: center;
            width: auto;
        }

            #panel.home-page #page-header .flickity-page-dots .dot {
                background: #5B6270;
            }

        #panel.home-page #page-header .flickity-prev-next-button {
            background: none;
            bottom: 0;
            border-radius: 0;
        }

            #panel.home-page #page-header .flickity-prev-next-button.next {
                right: 0;
            }

            #panel.home-page #page-header .flickity-prev-next-button.previous {
                right: auto;
                left: 0;
            }

            #panel.home-page #page-header .flickity-prev-next-button .arrow {
                fill: #2D3138;
            }

            #panel.home-page #page-header .flickity-prev-next-button:hover .arrow {
                fill: #FFF;
            }

            #panel.home-page #page-header .flickity-prev-next-button svg {
                left: 25%;
                top: 25%;
                width: 50%;
                height: 50%;
            }

    #panel.home-page .search-and-cta {
        padding: 20px 20px 0 20px;
        margin: 0 0 30px;
        border-radius: 0;
    }

        #panel.home-page .search-and-cta .headline-40px {
            font-size: 24px;
        }

        #panel.home-page .search-and-cta .search-box-content {
            margin-bottom: 20px;
        }

        #panel.home-page .search-and-cta .button-row {
            margin: 0 -20px 0;
            background: #5B6270;
            border-radius: 0;
            padding: 20px;
        }

            #panel.home-page .search-and-cta .button-row a.button {
                margin: 0 0 10px 0;
                width: 100%;
            }

                #panel.home-page .search-and-cta .button-row a.button:last-child {
                    margin-bottom: 0;
                }

                #panel.home-page .search-and-cta .button-row a.button::after {
                    float: right;
                }

        #panel.home-page .search-and-cta #degree-search-results .col.w20, .search-and-cta #degree-search-results .col.w80 {
            width: 100%;
            float: none;
            display: block;
        }

        #panel.home-page .search-and-cta #degree-search-results .content-side-menu {
            margin-top: 0;
            padding-top: 0;
        }

            #panel.home-page .search-and-cta #degree-search-results .content-side-menu::before {
                display: none;
            }

        #panel.home-page .search-and-cta #degree-search-results #about-tabs {
            padding-left: 0;
        }

        #panel.home-page .search-and-cta #degree-search-results #about-menu + p {
            margin: 20px 0;
            text-align: center;
        }

    .landing-page-intro .headline-50px {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .landing-page-intro p {
        font-size: 16px;
    }

    .grid-content.carousel .grid-block {
        width: 50%;
    }

    #home-news-events {
        margin: 0 20px;
        width: auto;
    }
}

@media screen and (max-width:450px) { /* Mobile */

    #panel.home-page #page-header .carousel-content .headline-150px, #panel.home-page #page-header .carousel-content .headline-120px,
    #panel.home-page #page-header .carousel-content .headline-100px, #panel.home-page #page-header .carousel-content .headline-80px,
    #panel.home-page #page-header .carousel-content .headline-60px {
        font-size: 30px;
    }

    #panel.home-page #page-header .carousel-content .headline-50px, #panel.home-page #page-header .carousel-content .headline-40px {
        font-size: 20px;
    }

        #panel.home-page #page-header .carousel-content .headline-50px:first-child, #panel.home-page #page-header .carousel-content .headline-40px:first-child {
            font-size: 30px;
        }

    .carousel-content .carousel-caption {
        font-size: 14px;
    }

    .carousel-caption .more-link {
        font-size: 14px;
        margin-left: 0;
        display: block;
    }

    .carousel-content .carousel-action {
        font-size: 18px;
    }

    .grid-content.carousel .grid-block {
        width: 100%;
    }

    #home-news-events h2.headline-40px {
        font-size: 24px;
    }

        #home-news-events h2.headline-40px + .feature-block {
            margin-top: 20px;
        }

    #home-news-events > .grid-block .grid-block {
        width: 100%;
        float: none;
        margin-top: 20px;
    }

        #home-news-events > .grid-block .grid-block:first-child {
            margin-top: 0;
        }
}

/** end - New Homepage **/



/** Interim Landing pages - some shared with homepage **/


#panel.interim-landing-page #uon-body.two-column-alt .body-content {
    width: 50%;
}

#panel.interim-landing-page #uon-body.two-column-alt .body-sidebar {
    width: 50%;
}

    #panel.interim-landing-page #uon-body.two-column-alt .body-sidebar .stackable-block {
        width: 50%;
    }

#panel.interim-landing-page #uon-body .wrapped .body-content {
    padding-top: 0;
}

    #panel.interim-landing-page #uon-body .wrapped .body-content .uon-feature-block {
        display: flex;
        margin: 0 10px 20px;
        width: calc(50% - 20px);
    }

        #panel.interim-landing-page #uon-body .wrapped .body-content .uon-feature-block .content {
            width: 100%;
        }

#panel.interim-landing-page .uon-landing-page-search.uon-landing-page-search-condensed {
    margin-top: 20px;
}

/* Current Header */
#panel.interim-landing-page #page-header {
    margin-top: 0;
    overflow: visible;
}

#panel.interim-landing-page #page-header {
    background-color: #FFF;
    height: 100%;
}

    #panel.interim-landing-page #page-header .carousel-slide {
        height: auto;
    }

    #panel.interim-landing-page #page-header .carousel-slide {
        background-size: cover;
        background-position: center center;
        width: 100%;
    }

        #panel.interim-landing-page #page-header .carousel-slide .no-header-tint {
            height: 100%;
        }

        #panel.interim-landing-page #page-header .carousel-slide .header-tint {
            height: 100%;
            text-shadow: none;
        }

            #panel.interim-landing-page #page-header .carousel-slide .header-tint.light-header-tint {
                background: linear-gradient(60deg,rgba(236,237,239,0.75),rgba(236,237,239,0) 60%);
            }

        #panel.interim-landing-page #page-header .carousel-slide .inner {
            position: relative;
            height: 100%;
            min-height: 660px;
        }

        #panel.interim-landing-page #page-header .carousel-slide .carousel-content { /*width:55%;*/
            padding: 100px 0 40px 0;
        }
/*#panel.interim-landing-page #page-header .carousel-slide .left-carousel-content {margin-right:45%;}*/
/*#panel.interim-landing-page #page-header .carousel-slide .right-carousel-content {margin-left:45%;}*/
#panel.interim-landing-page #uon-body {
    position: relative;
}

/* addditional to homepage - this overrides an existing LP style in uon-2017 that may be able to be removed */
#panel.interim-landing-page #page-header .carousel-slide a {
    padding-bottom: 0;
}

    #panel.interim-landing-page #page-header .carousel-slide a.dark-caption-bg {
        padding-bottom: 10px;
    }

#panel.interim-landing-page #page-header .carousel-slide.slide-loaded {
    top: 0;
    bottom: 0;
}

    #panel.interim-landing-page #page-header .carousel-slide.slide-loaded .carousel-content {
        position: absolute;
        bottom: 0;
    }

#panel.interim-landing-page #page-header .headline-150px, #panel.interim-landing-page #page-header .headline-120px,
#panel.interim-landing-page #page-header .headline-100px, #panel.interim-landing-page #page-header .headline-80px,
#panel.interim-landing-page #page-header .headline-60px {
    margin: 0 0 10px 0;
}

#panel.interim-landing-page #page-header .flickity-page-dots {
    position: absolute;
    bottom: 24px;
    right: 60px;
    text-align: right;
}

    #panel.interim-landing-page #page-header .flickity-page-dots .dot {
        background: #FFF;
        width: 12px;
        height: 12px;
    }

        #panel.interim-landing-page #page-header .flickity-page-dots .dot.is-selected {
            background: #1090D5;
        }

#panel.interim-landing-page #page-header .flickity-prev-next-button {
    position: absolute;
    bottom: 60px;
    right: 60px;
    width: 50px;
    height: 50px;
    z-index: 300;
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    background: #1090D5;
    top: auto;
    transform: none;
}

    #panel.interim-landing-page #page-header .flickity-prev-next-button:hover {
        background: #2D3138;
    }

    #panel.interim-landing-page #page-header .flickity-prev-next-button.previous {
        right: 120px;
        left: auto;
    }

    #panel.interim-landing-page #page-header .flickity-prev-next-button.next {
        right: 60px;
        left: auto;
    }

    #panel.interim-landing-page #page-header .flickity-prev-next-button .arrow {
        fill: #FFF;
    }

.uon-interim-link-boxes {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -10px;
}

    .uon-interim-link-boxes .uon-feature-block .content h2 {
        color: #4C525D;
        font-size: 20px;
    }

        .uon-interim-link-boxes .uon-feature-block .content h2 a {
            color: #4C525D;
        }

#panel.interim-landing-page #page-footer {
    text-align: left;
    padding: 0 20px;
}

    #panel.interim-landing-page #page-footer a {
        margin-left: 0;
    }

@media screen and (max-width:768px) {
    #panel.interim-landing-page #uon-body.two-column-alt .body-content {
        width: 100%;
    }

    #panel.interim-landing-page #uon-body.two-column-alt .body-sidebar {
        width: calc(100% + 20px);
        margin-left: -20px;
    }
}

@media screen and (max-width:600px) {
    #panel.interim-landing-page #uon-body.two-column-alt .body-sidebar {
        width: 100%;
        margin-left: 0;
    }

        #panel.interim-landing-page #uon-body.two-column-alt .body-sidebar .stackable-block {
            width: 100%;
            padding: 0 20px;
        }

    .uon-interim-link-boxes {
        margin: 0;
    }

    #panel.interim-landing-page #uon-body .wrapped .body-content .uon-feature-block {
        width: 100%;
    }
}


@media screen and (max-width:1150px) {
    #panel.interim-landing-page #page-header .flickity-page-dots {
        right: 20px;
    }

    #panel.interim-landing-page #page-header .flickity-prev-next-button.next {
        right: 20px;
    }

    #panel.interim-landing-page #page-header .flickity-prev-next-button.previous {
        right: 80px;
    }
}

@media screen and (max-width:760px) { /* Tablet/Mobile */

    #panel.interim-landing-page #page-header .header-tint, #panel.interim-landing-page #page-header .no-header-tint {
        padding: 0;
    }

    #panel.interim-landing-page #page-header .carousel-slide {
        margin-bottom: 150px;
    }

        #panel.interim-landing-page #page-header .carousel-slide .inner {
            min-height: auto;
        }

        #panel.interim-landing-page #page-header .carousel-slide .carousel-content, #panel.interim-landing-page #page-header .carousel-slide.slide-loaded .carousel-content {
            width: 100%;
            margin: 0;
            padding: 0;
            bottom: -150px;
            background: #FFF;
        }

            #panel.interim-landing-page #page-header .carousel-slide .carousel-content a {
                padding: 20px;
                border-radius: 0;
            }

    #panel.interim-landing-page #page-header .carousel-content::before {
        content: "";
        position: absolute;
        top: -30px;
        left: 20px;
        border: 15px solid transparent;
        border-bottom-color: #FFF;
        height: 0;
        width: 0;
    }

    #panel.interim-landing-page #page-header .carousel-content .headline-150px, #panel.interim-landing-page #page-header .carousel-content .headline-120px,
    #panel.interim-landing-page #page-header .carousel-content .headline-100px, #panel.interim-landing-page #page-header .carousel-content .headline-80px,
    #panel.interim-landing-page #page-header .carousel-content .headline-60px {
        font-size: 50px;
    }

    #panel.interim-landing-page #page-header .carousel-content .headline-50px, #panel.interim-landing-page #page-header .carousel-content .headline-40px {
        font-size: 30px;
    }

        #panel.interim-landing-page #page-header .carousel-content .headline-50px:first-child, #panel.interim-landing-page #page-header .carousel-content .headline-40px:first-child {
            font-size: 50px;
        }

    #panel.interim-landing-page #page-header {
        padding-bottom: 50px;
    }

        #panel.interim-landing-page #page-header .flickity-page-dots {
            left: 50px;
            right: 50px;
            bottom: 18px;
            text-align: center;
            width: auto;
        }

            #panel.interim-landing-page #page-header .flickity-page-dots .dot {
                background: #5B6270;
            }

        #panel.interim-landing-page #page-header .flickity-prev-next-button {
            background: none;
            bottom: 0;
            border-radius: 0;
        }

            #panel.interim-landing-page #page-header .flickity-prev-next-button.next {
                right: 0;
            }

            #panel.interim-landing-page #page-header .flickity-prev-next-button.previous {
                right: auto;
                left: 0;
            }

            #panel.interim-landing-page #page-header .flickity-prev-next-button .arrow {
                fill: #2D3138;
            }

            #panel.interim-landing-page #page-header .flickity-prev-next-button:hover .arrow {
                fill: #FFF;
            }

            #panel.interim-landing-page #page-header .flickity-prev-next-button svg {
                left: 25%;
                top: 25%;
                width: 50%;
                height: 50%;
            }
}

@media screen and (max-width:450px) { /* Mobile */

    #panel.interim-landing-page #page-header .carousel-content .headline-150px, #panel.interim-landing-page #page-header .carousel-content .headline-120px,
    #panel.interim-landing-page #page-header .carousel-content .headline-100px, #panel.interim-landing-page #page-header .carousel-content .headline-80px,
    #panel.interim-landing-page #page-header .carousel-content .headline-60px {
        font-size: 30px;
    }

    #panel.interim-landing-page #page-header .carousel-content .headline-50px, #panel.interim-landing-page #page-header .carousel-content .headline-40px {
        font-size: 20px;
    }

        #panel.interim-landing-page #page-header .carousel-content .headline-50px:first-child, #panel.interim-landing-page #page-header .carousel-content .headline-40px:first-child {
            font-size: 30px;
        }
}

/** END - interim landing pages **/


/*************************************************/
/**  Edit widget link shown to logged in users  **/
/*************************************************/

.uon-edit-widget-link {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    position: absolute;
    top: -8px;
    right: -8px;
    border: 3px solid #FFF;
    z-index: 10;
    overflow: hidden;
    text-indent: -999px;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
}

    .uon-edit-widget-link:hover {
        text-indent: 0;
        width: 50px;
        right: -25px;
        height: 30px;
        line-height: 24px;
        border-radius: 20px;
        top: -15px;
        background: #1090D5 !important;
        border-color: #1090D5 !important;
    }

.uon-edit-widget-status-1 {
    background-color: #C2B0A0;
    border-color: #887B6F;
}

.uon-edit-widget-status-2 {
    background-color: #AACCDD;
    border-color: #748D9A;
}

.uon-edit-widget-status-4 {
    background-color: #DCD2E6;
    border-color: #9A94A1;
}

.uon-edit-widget-status-8 {
    background-color: #F4D425;
    border-color: #AD9200;
}

.uon-edit-widget-status-16 {
    background-color: #DBF18A;
    border-color: #bdca76;
}

.uon-edit-widget-status-32 {
    background-color: #50D000;
    border-color: #368D00;
}

.uon-edit-widget-status-64 {
    background-color: #F25C86;
    border-color: #AD455C;
}

.uon-edit-widget-status-128 {
    background-color: #CC7CC7;
    border-color: #8F5A8C;
}

.uon-edit-widget-status-256 {
    background-color: #FF9A00;
    border-color: #B66B00;
}

@media screen and (max-width:768px) {
    .uon-edit-widget-link {
        display: none;
    }
}


/****************************/
/**  Application Template  **/
/****************************/

#panel.application-page {
    background: #FFF;
}

.application-page #uon-body .body-content {
    padding: 0;
}

.application-page #page-header {
    background: #5B6270;
}

    .application-page #page-header .page-header-title {
        padding: 60px 0 30px;
    }

.application-page #uon-footer .footer-info {
    margin-top: 0;
    border-top: 0 none;
}

.application-page #uon-footer .footer-top-link {
    border-radius: 3px;
}


/************************************************************/
/**  Legacy styles - to be removed/replaced at later date  **/
/************************************************************/
.grid-index-tile {
    display: block;
    position: relative;
    height: 250px;
    background-size: cover;
    background-position: center center;
    transition: 0.1s all;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
}

.grid-4-column .grid-index-tile, .grid-5-column .grid-index-tile {
    height: 150px;
}

.grid-index-tile span {
    font-family: 'FuseV2','Helvetica Neue',Arial,sans-serif;
    font-weight: 900;
    color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px 15px 15px 15px;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
    font-size: 22px;
    line-height: 1;
}

.grid-4-column .grid-index-tile span, .grid-5-column .grid-index-tile span {
    font-size: 16px;
}

.grid-index-tile:hover {
    transform: scale(1.02);
    box-shadow: 0 0 0 3px #1090D5;
}

    .grid-index-tile:hover span {
        background: rgba(0,0,0,0.7);
        padding-top: 15px;
    }

@media screen and (max-width:1024px) {
    .grid-3-column .grid-index-tile {
        height: 150px;
    }

        .grid-3-column .grid-index-tile span {
            font-size: 16px;
        }
}

.body-content hr.event-divider, #uon-lightbox-content hr.event-divider {
    margin: 15px 0;
}

#fancybox-content .event-divider {
    margin: 15px 20px;
}

.event-meta-table {
    margin: 0;
}

#fancybox-content .event-meta-table {
    margin: 0 20px;
    width: auto;
}

.event-meta-table, .event-meta-table tr, .event-meta-table th, .event-meta-table td, .event-meta-table tr:nth-child(2n), .event-meta-table tr:nth-child(2n+1) {
    background: none;
}

    .event-meta-table th, .event-meta-table td {
        text-align: left;
        padding: 3px 0;
    }

    .event-meta-table th {
        font-weight: bold;
        color: #606;
        width: 70px;
        padding-right: 15px;
        font-size: 14px;
    }

.event-image {
    text-align: center;
    margin: 10px 0 20px 20px;
    float: right;
    width: 164px;
}

    .event-image img {
        max-width: 100%;
    }

    .event-image a:hover img {
        opacity: 0.8;
    }

    .event-image figcaption {
        font-size: 12px;
        color: #666;
        text-align: center;
        margin-top: 10px;
        font-style: italic;
    }

.event-date {
    text-transform: none;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #5B6270;
}

.add-to-cal a {
    font-weight: bold;
}

.add-to-cal .fa-calendar {
    color: #C00;
    margin-right: 5px;
}

.event-social {
    float: left;
}

    .event-social .twitter-share-button {
        margin-left: 15px;
    }

    .event-social .twitter-share-button, .event-social .fb-share-button {
        float: right;
    }

@media screen and (max-width:768px) {
    span.event-social {
        float: none;
        display: block;
        margin-top: 10px;
    }

        span.event-social .twitter-share-button {
            margin-left: 0;
            margin-right: 15px;
        }

        span.event-social .twitter-share-button, span.event-social .fb-share-button {
            float: left;
        }
}

.row-fluid {
    width: 100%;
    *zoom: 1
}

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
        line-height: 0
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid.listing {
        border-top: 1px solid #EEE;
        padding: 20px 0;
    }

        .row-fluid.listing p, .row-fluid.listing h2, .row-fluid.listing h3, .row-fluid.listing ul {
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            float: left;
            margin-left: 2.87566%;
            min-height: 30px;
            width: 72.7811%;
        }

        .row-fluid.listing h2, .row-fluid.listing h3 {
            margin-bottom: 20px;
            margin-top: 0px;
        }

            .row-fluid.listing h2 a {
                font-size: 22px;
                line-height: 22px;
            }

        .row-fluid.listing p:first-child {
            margin-left: 0px;
            width: 23.0263%;
        }

.handbook-listing {
    margin-bottom: 30px;
    font-size: 12px;
}

    .handbook-listing, .handbook-listing tr, .handbook-listing tr:nth-child(2n), .handbook-listing tr:nth-child(2n+1), .handbook-listing td, .handbook-listing th {
        background: none;
    }

        .handbook-listing thead th {
            color: #4d4d4d;
            font-size: 24px;
            line-height: 1;
            font-family: "Helvetica Neue",Arial,sans-serif;
            font-weight: normal;
            text-rendering: optimizelegibility;
            border-bottom: 2px solid #CCC;
            padding: 10px 0;
            text-transform: none;
            background: none;
            text-align: left;
        }

        .handbook-listing thead.grouping th {
            font-size: 18px;
            padding-top: 0;
        }

        .handbook-listing thead.grouping td {
            padding: 10px 0;
        }

        .handbook-listing thead.grouping tr:first-child td {
            padding-top: 0;
        }

        .handbook-listing thead th strong {
            font-family: "dinbold",Arial,sans-serif;
            font-weight: normal;
            margin-right: 15px;
        }

            .handbook-listing thead th strong.group-label {
                border-radius: 3px;
                padding: 3px 5px;
                font-size: 12px;
                color: #FFF;
                text-transform: uppercase;
                display: block;
                text-align: center;
            }

            .handbook-listing thead th strong.group-label-core {
                background: #393;
            }

            .handbook-listing thead th strong.group-label-required {
                background: #933;
            }

            .handbook-listing thead th strong.group-label-directed {
                background: #339;
            }

            .handbook-listing thead th strong.group-label-electives {
                background: #993;
            }

            .handbook-listing thead th strong.group-label-unknown {
                background: #CCC;
            }

        .handbook-listing tbody td {
            border-bottom: 1px dotted #DDD;
            padding: 5px 0;
            text-align: left;
            vertical-align: top;
        }

            .handbook-listing tbody td.course-code {
                width: 110px;
            }

            .handbook-listing tbody td.title {
                width: 364px;
            }

        .handbook-listing.degree-listing tbody td.title {
            width: 612px;
        }

        .handbook-listing tbody td.availability {
            width: 220px;
            font-style: italic;
            color: #666;
            padding-right: 20px;
        }

.content #degree-details .handbook-listing tbody td.availability ul, .content #degree-details .handbook-listing tbody td.availability li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.handbook-listing tbody td.availability.notavailable {
    color: #999;
    font-size: 11px;
}

.handbook-listing tbody td.units {
    width: 60px;
    font-weight: bold;
    text-align: right;
}

.handbook-listing tbody td.promo-icon {
    width: 32px;
    text-align: center;
}

    .handbook-listing tbody td.promo-icon i.fa-dot-circle-o {
        color: #FFC220;
        font-size: 18px;
    }

    .handbook-listing tbody td.promo-icon i.fa-graduation-cap {
        color: #999;
        font-size: 14px;
    }

.handbook-listing tfoot td.back-to-top {
    text-align: right;
    padding: 5px 0;
    font-size: 11px;
}

.handbook-listing .course-code a, .handbook-listing .title a.degree-link {
    color: #333;
    display: block;
    padding: 0 0 0 20px;
    position: relative;
    text-decoration: none;
}

    .handbook-listing .course-code a:hover, .handbook-listing .title a.degree-link:hover {
        color: #25589d;
        text-decoration: underline;
    }

    .handbook-listing .course-code a::before, .handbook-listing .title a.degree-link::before {
        background: #1090D5;
        border-radius: 100%;
        content: "";
        height: 11px;
        left: 0;
        position: absolute;
        top: 4px;
        width: 11px;
    }

.handbook-listing tr:hover .course-code a::before, .handbook-listing tr:hover .title a.degree-link::before {
    height: 13px;
    left: -1px;
    top: 3px;
    width: 13px;
}

.handbook-listing .filter-teach-out .title a.degree-link:before {
    border: 2px solid #1090D5;
    background: none;
    width: 7px;
    height: 7px;
}

.handbook-listing tr.filter-teach-out:hover .title a.degree-link:before {
    height: 9px;
    width: 9px;
}

.handbook-listing .hidden-course .course-code a:before {
    border: 1px solid #000;
    background: none;
    width: 9px;
    height: 9px;
}

.handbook-listing tr.hidden-course:hover .course-code a:before {
    height: 11px;
    width: 11px;
}

.handbook-listing tbody tr.hidden-course {
}

    .handbook-listing tbody tr.hidden-course .course-code a, .handbook-listing tbody tr.hidden-course .title a, .handbook-listing tbody tr.hidden-course .units {
        color: #999;
    }

.handbook-listing tfoot td {
    padding: 10px 0;
}

    .handbook-listing tfoot td a.not-offered {
        font-weight: bold;
        color: #666;
        text-decoration: none;
    }

        .handbook-listing tfoot td a.not-offered span {
            background: #5a4f94;
            color: #FFF;
            padding: 6px 12px;
            margin-right: 10px;
            border-radius: 3px;
        }

        .handbook-listing tfoot td a.not-offered:hover span {
            background: #000;
        }

.course-major, .course-options {
    padding-left: 20px;
}

.course-major {
    margin-top: -15px;
    padding-top: 1px;
    border-left: 1px solid #5a4f94;
}

.course-options {
    margin-top: -15px;
    padding-top: 1px;
    border-left: 1px solid #CCC;
}

.course-requirement-group > p + .course-options {
    margin-top: 0;
    padding-top: 0;
}

.course-requirement-group, .course-major {
    position: relative;
    margin-bottom: 80px;
}

    .course-major > .course-list {
        margin-top: 20px;
    }

.handbook-listing tr .handbook {
    width: 130px;
    text-align: center;
}

    .handbook-listing tr .handbook a {
        background: #666;
        color: #FFF;
        border-radius: 3px;
        padding: 0 6px;
        display: none;
        font-size: 11px;
        text-decoration: none;
    }

.handbook-listing tr:hover .handbook a {
    display: block;
}

.handbook-listing tr .handbook a:hover {
    background: #5A4F94;
}

.handbook-info, #degree-jump-wrapper, #global-back-to-top, #handbook-overaly, #handbook-lightbox, #handbook-lightbox-navigation, #handbook-lightbox-loading {
    display: none;
}

.row-fluid {
    width: 100%;
    *zoom: 1
}

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
        line-height: 0
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: .8756567425569177%;
        *margin-left: .8318739054290718%
    }

        .row-fluid [class*="span"]:first-child {
            margin-left: 0
        }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.95621716287215%
    }

    .row-fluid .span11 {
        width: 91.59369527145357%;
        *width: 91.54991243432572%
    }

    .row-fluid .span10 {
        width: 83.18739054290717%;
        *width: 83.14360770577932%
    }

    .row-fluid .span9 {
        width: 74.78108581436076%;
        *width: 74.73730297723291%
    }

    .row-fluid .span8 {
        width: 66.37478108581435%;
        *width: 66.3309982486865%
    }

    .row-fluid .span7 {
        width: 57.968476357267946%;
        *width: 57.9246935201401%
    }

    .row-fluid .span6 {
        width: 49.562171628721536%;
        *width: 49.518388791593694%
    }

    .row-fluid .span5 {
        width: 41.15586690017513%;
        *width: 41.112084063047284%
    }

    .row-fluid .span4 {
        width: 32.74956217162872%;
        *width: 32.705779334500875%
    }

    .row-fluid .span3 {
        width: 24.34325744308231%;
        *width: 24.299474605954465%
    }

    .row-fluid .span2 {
        width: 15.9369527145359%;
        *width: 15.893169877408054%
    }

    .row-fluid .span1 {
        width: 7.530647985989491%;
        *width: 7.486865148861646%
    }

    .row-fluid .offset12 {
        margin-left: 101.75131348511384%;
        *margin-left: 101.66374781085814%
    }

        .row-fluid .offset12:first-child {
            margin-left: 100.87565674255691%;
            *margin-left: 100.78809106830121%
        }

    .row-fluid .offset11 {
        margin-left: 93.34500875656741%;
        *margin-left: 93.25744308231171%
    }

        .row-fluid .offset11:first-child {
            margin-left: 92.46935201401048%;
            *margin-left: 92.38178633975478%
        }

    .row-fluid .offset10 {
        margin-left: 84.93870402802101%;
        *margin-left: 84.85113835376531%
    }

        .row-fluid .offset10:first-child {
            margin-left: 84.06304728546408%;
            *margin-left: 83.97548161120838%
        }

    .row-fluid .offset9 {
        margin-left: 76.5323992994746%;
        *margin-left: 76.4448336252189%
    }

        .row-fluid .offset9:first-child {
            margin-left: 75.65674255691768%;
            *margin-left: 75.56917688266198%
        }

    .row-fluid .offset8 {
        margin-left: 68.12609457092819%;
        *margin-left: 68.03852889667249%
    }

        .row-fluid .offset8:first-child {
            margin-left: 67.25043782837126%;
            *margin-left: 67.16287215411556%
        }

    .row-fluid .offset7 {
        margin-left: 59.71978984238178%;
        *margin-left: 59.63222416812609%
    }

        .row-fluid .offset7:first-child {
            margin-left: 58.844133099824866%;
            *margin-left: 58.75656742556918%
        }

    .row-fluid .offset6 {
        margin-left: 51.31348511383537%;
        *margin-left: 51.225919439579684%
    }

        .row-fluid .offset6:first-child {
            margin-left: 50.43782837127846%;
            *margin-left: 50.35026269702277%
        }

    .row-fluid .offset5 {
        margin-left: 42.90718038528896%;
        *margin-left: 42.819614711033275%
    }

        .row-fluid .offset5:first-child {
            margin-left: 42.03152364273205%;
            *margin-left: 41.94395796847636%
        }

    .row-fluid .offset4 {
        margin-left: 34.50087565674255%;
        *margin-left: 34.413309982486865%
    }

        .row-fluid .offset4:first-child {
            margin-left: 33.62521891418564%;
            *margin-left: 33.53765323992995%
        }

    .row-fluid .offset3 {
        margin-left: 26.09457092819615%;
        *margin-left: 26.007005253940456%
    }

        .row-fluid .offset3:first-child {
            margin-left: 25.21891418563923%;
            *margin-left: 25.131348511383536%
        }

    .row-fluid .offset2 {
        margin-left: 17.688266199649735%;
        *margin-left: 17.600700525394043%
    }

        .row-fluid .offset2:first-child {
            margin-left: 16.81260945709282%;
            *margin-left: 16.725043782837126%
        }

    .row-fluid .offset1 {
        margin-left: 9.281961471103326%;
        *margin-left: 9.194395796847635%
    }

        .row-fluid .offset1:first-child {
            margin-left: 8.40630472854641%;
            *margin-left: 8.318739054290717%
        }

#uon-lightbox-content .thumbnails.gallery {
    display: none;
}

#uon-lightbox-content .gallery-modal .carousel-control {
    display: none;
}

#uon-lightbox-content .gallery-modal .carousel-inner:before, #uon-lightbox-content .gallery-modal .carousel-inner:after {
    display: table;
    content: "";
    line-height: 0
}

#uon-lightbox-content .gallery-modal .carousel-inner:after {
    clear: both;
}

#uon-lightbox-content .gallery-modal .carousel-inner .item {
    float: left;
    width: 48%;
    margin: 0 1%;
}

.listing {
    clear: both;
    position: relative;
    display: block;
    border-bottom: 1px solid #ECEDEF;
    margin: 0 0 20px;
    padding-left: 170px;
    padding-bottom: 20px;
    min-height: 170px;
}

    .listing h1, .listing h2, .listing h3, .listing h4, .listing h5, .listing h6 {
        margin: 0 0 10px 0;
    }

    .listing img {
        position: absolute;
        left: 0px;
        height: auto;
        width: 150px;
        border-radius: 3px;
    }

    .listing p {
        clear: both;
    }

@media screen and (max-width:768px) {
    .listing {
        padding-left: 100px;
        min-height: 100px;
    }

        .listing img {
            height: auto;
            width: 80px;
            border-radius: 3px;
        }
}

/** end Legacy styles **/

#highlights-filter {
    padding-right: 40px;
    border-right: 2px solid #ECEDEF;
}

    #highlights-filter fieldset {
        border: 0 none;
        margin: 0 0 30px 0;
        padding: 0;
    }

        #highlights-filter fieldset legend {
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 10px;
            padding: 0;
            font-family: "FuseV2","Helvetica Neue",Arial,sans-serif;
        }

            #highlights-filter fieldset legend .fa-circle-o-notch {
                margin-left: 10px;
                color: #1090D5;
            }

        #highlights-filter fieldset ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

            #highlights-filter fieldset ul li {
                padding: 0 0 0 20px;
                margin-bottom: 5px;
                position: relative;
            }

                #highlights-filter fieldset ul li::before {
                    display: none;
                }

                #highlights-filter fieldset ul li input[type="checkbox"] {
                    position: absolute;
                    left: 0;
                    margin: 0;
                    top: 4px;
                }

                #highlights-filter fieldset ul li label {
                    display: block;
                    padding-right: 30px;
                }

                    #highlights-filter fieldset ul li label .count {
                        display: none;
                        position: absolute;
                        right: 0;
                        border: 1px solid #4C525D;
                        color: #4C525D;
                        border-radius: 10px;
                        font-size: 10px;
                        line-height: 17px;
                        padding: 0 8px;
                        top: 1px;
                    }

.highlighted-stories-listing {
    list-style-type: none;
    padding: 0 0 0 40px;
}

    .highlighted-stories-listing li:before {
        font-size: 0 !important;
    }

    .highlighted-stories-listing li {
        list-style-type: none;
        display: block;
        width: 100%;
        float: left;
        overflow: hidden;
        padding: 10px;
        border-bottom: 1px solid #c6cad1;
    }

        .highlighted-stories-listing li .image {
            width: 136px;
            padding: 5px;
            border: 1px solid #c6cad1;
            height: 136px;
            margin-bottom: 5px;
            margin-right: 10px;
            float: left;
        }

            .highlighted-stories-listing li .image img {
                width: 124px;
                height: 124px;
                object-fit: cover;
                object-position: 24% 12%;
            }

        .highlighted-stories-listing li .desc sup {
            color: #5b6270;
            font-weight: bold;
            margin: 5px 0;
        }

        .highlighted-stories-listing li .desc {
            float: left;
            width: calc(100% - 156px);
        }

            .highlighted-stories-listing li .desc h3 {
                margin: 0 0 25px 0;
                position: relative;
            }

                .highlighted-stories-listing li .desc h3::after {
                    background-color: rgb(16, 144, 213);
                    content: "";
                    width: 100px;
                    bottom: -10px;
                    left: 0px;
                    position: absolute;
                    height: 4px;
                }

                .highlighted-stories-listing li .desc h3 a {
                    border-bottom: 0;
                    color: #0f1012;
                }

                    .highlighted-stories-listing li .desc h3 a:hover {
                        color: #1090d5;
                    }

/**social footer**/
#uon-footer .uon-global-footer-social a+a {
    margin-left: 15px;
}


#uon-footer .dont-collapse h4.underlined {
    margin-bottom: 15px;
}



@media (max-width: 760px){ 
    #uon-footer .dont-collapse h4, #uon-footer p+h4.underlined {
        margin-top: 20px;
    }
}

@media (max-width: 760px){
#uon-footer .dont-collapse h4 {
    border: 0 none;
    padding: 0 0 15px;
    cursor: default;
    text-align: center;
}
}


@media (max-width: 760px) {
#uon-footer .dont-collapse h4.underlined:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 50px;
    background: #5b6270;
    height: 4px;
    border-radius: 4px;
    bottom: 0;
    margin-left: -25px;
}}


@media (max-width: 760px){
#uon-footer .uon-global-footer-social {
    text-align: center;
    margin-bottom: 0;
}}

@media (max-width: 760px){
#uon-footer .col h4:after {
    float: right;
    content: "\f055";
    font-family: "Font Awesome 5 Free","FontAwesome";
    font-weight: 400;
    color: #5b6270;
    font-size: 20px;
    line-height: 1;
    background: 0 0;
    position: relative;
    width: auto;
}}


@media (max-width: 760px){
#uon-footer .dont-collapse h4:hover {
    background: 0 0;
}}


#uon-footer .uon-global-footer-wechat-qr-code:after {
    content: "";
    border: 10px solid transparent;
    border-top-color: #fff;
    position: absolute;
    bottom: -20px;
    right: 10px;
    width: 0;
    height: 0;
}


#uon-footer .uon-global-footer-wechat-qr-code {
    position: absolute;
    bottom: 50px;
    right: 0;
    display: none;
    z-index: 100;
    border-radius: 6px;
    background: #fff;
}

#uon-footer .uon-global-footer-wechat:hover .uon-global-footer-wechat-qr-code {
    display: block;
}

#uon-footer .uon-global-footer-wechat {
    position: relative;
}

#uon-footer .uon-global-footer-wechat-qr-code img {
    width: 215px;
    height: 215px;
    display: block;
    vertical-align: bottom;
    border-radius: 6px;
}