_dummary {
    color: #9cdbf8;
}

:root {
    --site-bg-color:#fff;
    --color-dark:#231f20;
    --color-jet-black:#231f20;
    --color-charcoal-black-1:#252a2d;
    --color-white:#fff;
    --color-dark-gray:#4d4d4f;
    --color-gray-4:#e6e7e8;
    --color-gray-3:#bbbdbf;
    --color-sky-blue:#0077bf;
    --color-sky-blue-faint:#eff6fa;
    --color-blue-calm:#9cdbf8;
    --color-red:#b62126;
    --color-red-faint:#fef2ec;
    --color-yellow:#e6e7e8;
    --font-size-12:12px;
    --font-size-14:14px;
    --font-size-16:16px;
    --font-size-18:18px;
    --font-size-20:20px;
    --font-size-15:15px;
    --font-size-24:24px;
    --font-size-34:34px;
    --font-size-48:48px;
    --font-size-60:60px;
    --font-size-72:72px;
    --py-3:30px;
}

    :root.ac-text-size-smaller {
        --font-size-12:12px- 2;
        --font-size-14:14px - 2;
        --font-size-16:16px- 2;
        --font-size-18:18px- 2;
        --font-size-20:20px- 2;
        --font-size-15:15px- 2;
        --font-size-24:24px- 2;
        --font-size-24:34px- 2;
        --font-size-48:48px- 2;
        --font-size-60:60px- 2;
        --font-size-72:72px- 2;
    }

    :root.ac-text-size-larger {
        --font-size-12:12px + 2;
        --font-size-14:14px + 2;
        --font-size-16:16px + 2;
        --font-size-18:18px + 2;
        --font-size-20:20px + 2;
        --font-size-15:15px + 2;
        --font-size-24:24px + 2;
        --font-size-24:34px + 2;
        --font-size-48:48px + 2;
        --font-size-60:60px + 2;
        --font-size-72:72px + 2;
    }

.rich-text {
    padding: 0!important;
}

html {
    margin: 0;
    padding: 0;
    font-size: 10px;
    background-color: #fff;
    background-color: var(--site-bg-color);
    min-width: 1200px;
    font-display: swap;
    background: #9cdbf8;
}

body {
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: var(--color-dark);
    font-family: "Source Sans Pro",sans-serif;
    background-color: var(--site-bg-color);
    font-weight: 400;
}

* {
    box-sizing: border-box;
    background-repeat: no-repeat;
}

    *:after, *:before {
        box-sizing: border-box;
        background-repeat: no-repeat;
    }

img {
    max-width: 100%;
}

    img.img-fluid, img.img-responsive {
        display: block;
    }

    img.img-centered {
        margin-left: auto;
        margin-right: auto;
    }

.text-right, .text-align-right {
    text-align: right;
}

.text-color-red {
    color: var(--color-red);
}

.text-size-60 {
    font-size: var(--font-size-60);
}

.text-size-34 {
    font-size: var(--font-size-34);
}

.pre-line, .pre-line-inner p {
    white-space: pre-line;
}

.hide-empty:empty {
    display: none;
}

.bg-yellow {
    background-color: var(--color-yellow);
}

hr {
    border: 0;
    outline: 0;
    height: 1px;
    background-color: var(--color-gray-4);
    margin: 30px 0;
}

    hr.hr-red {
        background-color: var(--color-red);
    }

p {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 144%;
}

a.view-all-link, a.more-link, a.view-more-link {
    font-size: inherit;
    color: var(--color-sky-blue);
    text-decoration: none;
    font-weight: 400;
}

    a.view-all-link:hover, a.more-link:hover, a.view-more-link:hover {
        text-decoration: underline;
    }

.btn-primary {
    display: inline-block;
    vertical-align: baseline;
    color: #fff;
    background-color: var(--color-sky-blue);
    text-decoration: none;
    padding: 8px 12px;
    margin-top: 30px;
    margin-bottom: 15px;
    margin-right: 15px;
    border: 1px solid var(--color-sky-blue);
}

    .btn-primary:active {
        background-color: var(--color-white);
        color: var(--color-sky-blue);
        box-shadow: inset 0 0 0 1px var(--color-sky-blue);
    }

.btn-alternate {
    display: inline-block;
    vertical-align: baseline;
    color: var(--color-sky-blue);
    background-color: var(--color-white);
    border: 1px solid currentColor;
    text-decoration: none;
    padding: 8px 12px;
    margin-bottom: 15px;
    margin-right: 15px;
}

.btn-link {
    display: inline-block;
    vertical-align: baseline;
    color: var(--color-sky-blue);
    background-color: var(--color-white);
    text-decoration: none;
    padding: 8px 0;
    margin-bottom: 15px;
    margin-right: 15px;
}

    .btn-link:hover {
        opacity: .8;
    }

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

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-none {
    float: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    font-family: Montserrat;
    margin: 0;
}

h2 {
    font-size: var(--font-size-16);
}

header.site-header {
    border-bottom: 1px solid var(--color-gray-4);
}

    header.site-header .header-row {
        display: flex;
        max-width: 100%;
        margin: auto;
        align-items: center;
    }

        header.site-header .header-row .site-identity {
            padding-left: 30px;
            padding-right: 30px;
        }

            header.site-header .header-row .site-identity a {
                display: block;
            }

                header.site-header .header-row .site-identity a img {
                    display: block;
                }

        header.site-header .header-row .menu {
            margin-left: auto;
        }

            header.site-header .header-row .menu .menu-row {
                display: flex;
                justify-content: flex-end;
                align-items: center;
            }

                header.site-header .header-row .menu .menu-row:first-child {
                    border-bottom: 1px solid var(--color-gray-4);
                }

            header.site-header .header-row .menu nav {
                font-size: var(--font-size-16);
                display: flex;
                align-items: center;
            }

                header.site-header .header-row .menu nav a.nav-item {
                    margin-left: 15px;
                    margin-right: 15px;
                    color: var(--color-charcoal-black-1);
                    font-weight: 600;
                    text-decoration: none;
                    white-space: nowrap;
                }

                    header.site-header .header-row .menu nav a.nav-item:last-child {
                        margin-left: 30px;
                    }

            header.site-header .header-row .menu .nav-toggle {
                padding: 0;
                background: none;
                border: 0;
                outline: 0;
                margin-right: 24px;
            }

            header.site-header .header-row .menu .accessibility-controls {
                text-align: center;
                width: 120px;
                flex-shrink: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                border-left: 1px solid var(--color-gray-4);
                padding: 24px 0;
                padding: 15px 0;
            }

                header.site-header .header-row .menu .accessibility-controls button, header.site-header .header-row .menu .accessibility-controls a {
                    display: block;
                    margin: 0;
                    vertical-align: middle;
                    border: 0;
                    outline: 0;
                    padding: 0;
                    background: none;
                    min-height: 24px;
                    min-width: 24px;
                    font-size: var(--font-size-16);
                    font-weight: 600;
                    cursor: pointer;
                    line-height: 24px;
                    transition: background-color .08s linear;
                    padding: 2px;
                    color: inherit;
                    text-decoration: none;
                    margin: 0 1px;
                    border-radius: 2px;
                }

                    header.site-header .header-row .menu .accessibility-controls button:hover, header.site-header .header-row .menu .accessibility-controls a:hover {
                        background-color: var(--color-gray-4);
                    }

                    header.site-header .header-row .menu .accessibility-controls button svg, header.site-header .header-row .menu .accessibility-controls a svg {
                        display: block;
                    }

                    header.site-header .header-row .menu .accessibility-controls button.current, header.site-header .header-row .menu .accessibility-controls a.current {
                        background-color: var(--color-gray-4);
                    }

                header.site-header .header-row .menu .accessibility-controls .language-selector {
                    text-transform: uppercase;
                    margin: 0 1px;
                }

                    header.site-header .header-row .menu .accessibility-controls .language-selector.current {
                        font-weight: bold;
                        background-color: var(--color-gray-4);
                    }

                header.site-header .header-row .menu .accessibility-controls span {
                    height: 1em;
                    width: 1px;
                    display: block;
                    background-color: var(--color-charcoal-black-1);
                }

            header.site-header .header-row .menu .site-search-form {
                display: flex;
                width: 100%;
                padding: 0 24px 0 15px;
            }

                header.site-header .header-row .menu .site-search-form input[type=search] {
                    flex-grow: 1;
                    display: block;
                    width: 100%;
                    font-size: 16px;
                    padding: 10px 0;
                    border: 0;
                    outline: 0;
                    font-size: var(--font-size-15);
                    font-weight: 500;
                    color: var(--color-charcoal-black-1);
                }

                    header.site-header .header-row .menu .site-search-form input[type=search]::placeholder {
                        color: var(--color-gray-4);
                    }

                header.site-header .header-row .menu .site-search-form button {
                    flex-shrink: 0;
                    border: 0;
                    outline: 0;
                    background: none;
                    cursor: pointer;
                }

                    header.site-header .header-row .menu .site-search-form button svg {
                        display: block;
                    }

                    header.site-header .header-row .menu .site-search-form button:focus {
                        outline: dotted thin currentColor;
                    }

.mega-menu {
    background-color: var(--color-dark);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    flex-direction: column;
    z-index: 20;
    overflow: hidden;
    transition: transform ease .3s;
    will-change: transform;
    color: #fff;
    transform: translateY(200%);
    transform-origin: center -100%;
}

    .mega-menu.show {
        transition: transform cubic-bezier(.19,1,.22,1) .6s;
        transform: translateY(0);
        overflow: auto;
    }

    .mega-menu .logo a {
        display: inline-block;
    }

    .mega-menu .logo img {
        display: block;
    }

    .mega-menu .close {
        border: 0;
        background-color: transparent;
        outline: 0;
        padding: 0;
        position: relative;
        margin-right: 130px;
        margin-left: auto;
    }

    .mega-menu .mega-menu-header {
        padding: 20px 30px;
        position: -webkit-sticky;
        top: 0;
        position: sticky;
        z-index: 1;
        border-bottom: 1px solid #f2eeed;
        background-color: inherit;
        display: flex;
        align-items: center;
    }

    .mega-menu .mega-menu-footer {
        padding: 15px 0;
        border-top: 1px solid #f2eeed;
    }

    .mega-menu .mega-menu-body {
        padding: 60px 0;
    }

        .mega-menu .mega-menu-body h3 {
            font-size: var(--font-size-18);
            font-size: var(--font-size-72);
            margin: 0;
            line-height: 1em;
            font-weight: 300;
        }

        .mega-menu .mega-menu-body h4 {
            font-size: var(--font-size-18);
            font-weight: 600;
            margin: 0;
        }

            .mega-menu .mega-menu-body h4:not(:first-child) {
                margin-top: 30px;
            }

        .mega-menu .mega-menu-body .menu-items-groups {
            column-count: 2;
            column-gap: 30px;
        }

            .mega-menu .mega-menu-body .menu-items-groups .menu-item-group {
                -webkit-column-break-inside: avoid;
                page-break-inside: avoid;
                break-inside: avoid;
                padding-bottom: 30px;
            }

        .mega-menu .mega-menu-body ul {
            list-style: none;
            margin: 10px 0;
            padding: 0;
        }

            .mega-menu .mega-menu-body ul li {
                margin-bottom: 1rem;
            }

        .mega-menu .mega-menu-body a {
            color: inherit;
            text-decoration: none;
            border-bottom: 1px solid transparent;
            transition: border-color ease-out .1s;
        }

            .mega-menu .mega-menu-body a:hover {
                border-bottom-color: currentColor;
            }

.old-site-link {
    display: block;
    background-color: var(--color-gray-4);
    color: var(--color-jet-black);
    padding: 12px 0;
    font-size: var(--font-size-14);
    text-decoration: none;
    transition: background-color linear .1s;
}

    .old-site-link:hover {
        background-color: var(--color-gray-3);
    }

.donate-link {
    background-color: var(--color-sky-blue);
    color: var(--color-white);
    font-size: var(--font-size-15);
    font-weight: 600;
    padding: 14px;
    text-decoration: none;
    text-align: center;
    margin: 0;
    display: inline-block;
}

    .donate-link:hover {
        opacity: .9;
    }

.intra-links {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: -15px;
    flex-wrap: wrap;
}

.intra-link {
    font-size: var(--font-size-15);
    font-weight: 600;
    color: #fff;
    border: 1px solid var(--color-sky-blue);
    padding: 14px;
    text-decoration: none;
    text-align: center;
    margin: 0 15px;
    flex-basis: 0;
    flex-grow: 1;
    transition: background-color linear .1s;
    min-width: 112px;
    white-space: nowrap;
}

    .intra-link:hover {
        background-color: var(--color-sky-blue);
    }

address, .site-address {
    font-style: normal;
    font-size: var(--font-size-15);
    line-height: 1.5em;
}

.logged-in-user {
    background-color: var(--color-gray-4);
    color: var(--color-jet-black);
    padding: 12px 0;
    font-size: var(--font-size-14);
    text-decoration: none;
    transition: background-color linear .1s;
}

    .logged-in-user .logout-form {
        float: right;
        margin-left: 30px;
    }

.site-footer .social {
    margin: 15px 0 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}

    .site-footer .social li {
        margin: 0;
    }

        .site-footer .social li a {
            display: block;
        }

            .site-footer .social li a:hover {
                opacity: .8;
            }

        .site-footer .social li img {
            display: block;
        }

.site-footer .footer-site-links {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: Montserrat;
    font-size: var(--font-size-20);
    column-count: 2;
    column-gap: 30px;
}

    .site-footer .footer-site-links li {
        margin-bottom: 3rem;
        display: block;
    }

    .site-footer .footer-site-links a {
        color: inherit;
        text-decoration: none;
        border-bottom: 1px solid transparent;
    }

        .site-footer .footer-site-links a:hover {
            border-bottom-color: currentColor;
        }

.site-footer .footer-tile-links {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: Montserrat;
    font-size: var(--font-size-20);
    font-weight: 300;
    display: flex;
}

    .site-footer .footer-tile-links li + li {
        margin-left: 30px;
    }

    .site-footer .footer-tile-links a {
        color: inherit;
        text-decoration: none;
        border-bottom: 1px solid transparent;
    }

        .site-footer .footer-tile-links a:hover {
            border-bottom-color: currentColor;
        }

        .site-footer .footer-tile-links a img {
            display: block;
        }

.site-footer .footer-inner {
    color: #fff;
    background-image: url(/images/backgrounds/bg-footer.jpg);
    background-size: cover;
}

    .site-footer .footer-inner .footer-inner-content {
        background-color: rgba(55,55,55,.9);
        padding-bottom: 15px;
    }

.site-footer .footer-end-row {
    background-color: #fff;
    padding: 15px 0;
}

    .site-footer .footer-end-row ul {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: space-between;
        color: var(--color-charcoal-black-1);
        font-size: var(--font-size-16);
        list-style: none;
        font-weight: 600;
    }

        .site-footer .footer-end-row ul li {
            padding: 0 15px;
        }

            .site-footer .footer-end-row ul li a {
                color: inherit;
                text-decoration: none;
                border-bottom: 1px solid transparent;
            }

                .site-footer .footer-end-row ul li a:hover {
                    border-bottom-color: currentColor;
                }

.site-footer .last-update-date {
    font-size: var(--font-size-12);
}

.site-footer .designed-and-developed {
    font-size: var(--font-size-12);
    margin: 10px 0 0 0;
}

    .site-footer .designed-and-developed a {
        border-bottom: 1px solid transparent;
        display: inline-block;
        text-decoration: none;
        color: inherit;
    }

        .site-footer .designed-and-developed a:hover {
            border-bottom-color: currentColor;
        }

.contribute-footer {
    font-size: var(--font-size-34);
    text-align: center;
    font-weight: 300;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    font-family: Montserrat;
}

    .contribute-footer a {
        color: var(--color-charcoal-black-1);
        text-decoration: none;
        display: block;
        text-align: center;
        width: 50%;
        padding: 30px;
        background-color: #00ae6b;
    }

        .contribute-footer a:hover {
            opacity: .8;
        }

        .contribute-footer a:first-child {
            background-color: #00ae6b;
        }

        .contribute-footer a:last-child {
            background-color: #a0d4b1;
        }

.global-controls {
    position: fixed;
    z-index: 10;
    right: 5px;
    bottom: 60px;
    transform: translateY(120px);
    transition: transform ease-out .4s;
}

    .global-controls.show {
        transition-timing-function: ease-out;
        transform: translateY(0);
    }

    .global-controls button {
        border: 1px solid var(--color-dark-gray);
        background-color: #fff;
        padding: 0;
        margin: 5px;
        border-radius: 50%;
        width: 36px;
        height: 36px;
        transition: all linear .1s;
    }

        .global-controls button svg {
            width: 16px;
            display: block;
            margin: auto;
            height: auto;
        }

        .global-controls button:hover {
            opacity: .9;
            transform: scale(1.1);
        }

        .global-controls button:active {
            opacity: .95;
        }

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

    .row.row-reverse {
        flex-direction: row-reverse;
    }

    .row.row-align-items-center {
        align-items: center;
    }

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

    .row.row-align-items-end {
        align-items: flex-end;
    }

    .row > .col {
        padding: 15px;
    }

        .row > .col.align-self-center {
            align-self: center;
        }

    .row > .col-1 {
        width: 12.5%;
    }

    .row > .col-2 {
        width: 25%;
    }

    .row > .col-3 {
        width: 37.5%;
    }

    .row > .col-4 {
        width: 50%;
    }

    .row > .col-5 {
        width: 62.5%;
    }

    .row > .col-6 {
        width: 75%;
    }

    .row > .col-7 {
        width: 87.5%;
    }

    .row > .col-8 {
        width: 100%;
    }

    .row > .col-third {
        width: 33.3333333333%;
    }

    .row > .col-half {
        width: 50%;
    }

.body-wrapper {
    max-width: 1215px;
    margin-left: auto;
    margin-right: auto;
}

.content-wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
}

.content-wrapper-small {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.content-redable-width {
    max-width: 720px;
}

main.main-body, .main-body {
    padding: 60px 0 90px 0;
}

.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.home-gallery {
    --home-gallery-height:calc(100vh - 118px);
    --home-gallery-min-height:580px;
    position: relative;
    margin: auto;
    background-color: var(--color-dark);
    overflow: hidden;
}

    .home-gallery .slides {
        position: relative;
        width: 100%;
    }

        .home-gallery .slides .slide {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            max-height: 960px;
            opacity: 0;
            z-index: 0;
            transition: opacity cubic-bezier(.19,1,.22,1) .3s;
            overflow: hidden;
        }

            .home-gallery .slides .slide:first-child {
                position: relative;
            }

            .home-gallery .slides .slide.current {
                opacity: 1;
                z-index: 1;
                transition-duration: 1s;
            }

    .home-gallery .slide {
        background-color: var(--color-dark);
        min-height: 580px;
        max-height: 960px;
    }

        .home-gallery .slide picture, .home-gallery .slide .image {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
        }

            .home-gallery .slide picture img, .home-gallery .slide .image img {
                display: block;
                margin: auto;
                width: 100%;
                max-height: var(--home-gallery-height);
                min-height: var(--home-gallery-min-height);
                object-fit: cover;
                object-position: center center;
            }

        .home-gallery .slide .content {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 90px;
            z-index: 1;
        }

        .home-gallery .slide .text {
            color: var(--color-white);
            max-width: 930px;
            margin: auto;
            padding: 0 30px;
        }

            .home-gallery .slide .text > :last-child {
                margin-bottom: 0;
            }

            .home-gallery .slide .text .tag, .home-gallery .slide .text h6 {
                font-size: var(--font-size-12);
                margin: 0;
                font-weight: 400;
            }

            .home-gallery .slide .text h2 {
                margin: 0;
                font-size: var(--font-size-48);
                font-weight: 700;
                line-height: 1.2em;
            }

            .home-gallery .slide .text p {
                margin: 1em 0 2em 0;
            }

                .home-gallery .slide .text p:last-child {
                    margin-bottom: 0;
                }

            .home-gallery .slide .text a {
                display: inline-block;
                background-color: var(--color-sky-blue);
                text-decoration: none;
                font-size: var(--font-size-15);
                font-weight: 600;
                color: inherit;
                padding: 15px 30px;
                letter-spacing: .02em;
            }

        .home-gallery .slide.layout-left .text {
            margin-left: 0;
            max-width: 50%;
        }

        .home-gallery .slide.layout-left.has-blur picture .after, .home-gallery .slide.layout-left.has-blur .image .after {
            --offset-position:-10%;
            position: absolute;
            right: var(--offset-position);
            top: var(--offset-position);
            bottom: var(--offset-position);
            width: 120%;
            height: 120%;
            background-image: inherit;
            overflow: hidden;
            background-size: cover;
            filter: blur(40px) saturate(180%);
            clip-path: polygon(0 0,50% 0,50% 100%,0 100%);
        }

        .home-gallery .slide.layout-right .text {
            margin-left: auto;
            margin-right: 0;
            max-width: 50%;
        }

        .home-gallery .slide.layout-right.has-blur picture .after, .home-gallery .slide.layout-right.has-blur .image .after {
            --offset-position:-10%;
            position: absolute;
            right: var(--offset-position);
            top: var(--offset-position);
            bottom: var(--offset-position);
            width: 120%;
            height: 120%;
            background-image: inherit;
            overflow: hidden;
            background-size: cover;
            filter: blur(40px) saturate(180%);
            clip-path: polygon(50% 0,100% 0,100% 100%,50% 100%);
        }

    .home-gallery .control {
        position: absolute;
        z-index: 3;
        top: 50%;
        transform: translateY(-50%);
        width: 30px;
        height: 30px;
        background-size: 30px auto;
        background-position: center center;
        display: block;
        border: 0;
        outline: 0;
        background-color: transparent;
        transition: opacity ease .3s;
        opacity: .8;
        box-shadow: 0 0 0 1px rgba(55,55,55,.9);
        border-radius: 50%;
    }

        .home-gallery .control.prev {
            background-image: url(/images/assets/icons/icon-chevron-circle-left.svg);
            left: 15px;
        }

        .home-gallery .control.next {
            right: 15px;
            background-image: url(/images/assets/icons/icon-chevron-circle-right.svg);
        }

    .home-gallery .pager {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        z-index: 4;
    }

        .home-gallery .pager span {
            display: inline-block;
            margin: 6px;
            width: 12px;
            height: 12px;
            border: 1px solid rgba(55,55,55,.9);
            border-radius: 6px;
            background-color: #fff;
            transition: width cubic-bezier(.19,1,.22,1) 1s;
            animation: PageItemIn 1s cubic-bezier(.19,1,.22,1) forwards;
            opacity: 0;
            transform: scale(0);
        }

            .home-gallery .pager span.current {
                width: 24px;
            }

@keyframes PageItemIn {
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.home-annoucements {
    background-color: var(--color-red-faint);
    padding: 60px 0 45px 0;
}

    .home-annoucements .annoucements-list {
        width: 100%;
        margin: 0;
        padding: 0;
        margin-top: 15px;
        margin-left: -15px;
        margin-right: -15px;
        display: flex;
        flex-wrap: wrap;
    }

        .home-annoucements .annoucements-list .annoucements-item {
            width: 25%;
            flex-shrink: 0;
            padding: 15px;
        }

.home-news {
    padding: 60px 0;
}

.home-events {
    padding: 60px 0 0 0;
}

    .home-events .home-events-wrapper {
        background-color: var(--color-gray-4);
        margin-top: 30px;
    }

    .home-events .home-events-grid {
        display: flex;
    }

        .home-events .home-events-grid div.sidebar {
            padding: 100px 0;
            width: 150px;
            padding-right: 30px;
            flex-shrink: 0;
            flex-grow: 0;
            border-right: 1px solid var(--color-gray-3);
        }

            .home-events .home-events-grid div.sidebar ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }

                .home-events .home-events-grid div.sidebar ul li {
                    text-align: right;
                }

                    .home-events .home-events-grid div.sidebar ul li a {
                        padding: 10px 0;
                        display: block;
                        color: var(--color-dark);
                        text-decoration: none;
                    }

                        .home-events .home-events-grid div.sidebar ul li a.active, .home-events .home-events-grid div.sidebar ul li a:hover {
                            color: var(--color-sky-blue);
                        }

                    .home-events .home-events-grid div.sidebar ul li:last-child {
                        margin-top: 30px;
                    }

        .home-events .home-events-grid div.content-area {
            padding: 30px;
            overflow: hidden;
            flex-grow: 1;
        }

        .home-events .home-events-grid .events-group {
            margin: 30px 0;
        }

            .home-events .home-events-grid .events-group .events-group-title {
                font-weight: 600;
                margin-bottom: 10px;
                font-size: var(--font-size-14);
            }

            .home-events .home-events-grid .events-group .controls {
                display: flex;
                margin-left: 30px;
                justify-content: flex-end;
            }

                .home-events .home-events-grid .events-group .controls .control {
                    width: 30px;
                    height: 30px;
                    background-size: 100% auto;
                    background-position: center center;
                    margin: 0 15px;
                    display: block;
                    border: 0;
                    outline: 0;
                    background-color: transparent;
                    transition: opacity ease .3s;
                }

                    .home-events .home-events-grid .events-group .controls .control.prev {
                        background-image: url(/images/assets/icons/icon-chevron-circle-left-dark.svg);
                    }

                    .home-events .home-events-grid .events-group .controls .control.next {
                        background-image: url(/images/assets/icons/icon-chevron-circle-right-dark.svg);
                    }

                    .home-events .home-events-grid .events-group .controls .control:disabled {
                        opacity: .5;
                    }

        .home-events .home-events-grid .event-cards-aside {
            display: flex;
            margin: 0 -15px;
            overflow: hidden;
            max-width: 100%;
        }

            .home-events .home-events-grid .event-cards-aside li.event-card {
                width: 33.33%;
                flex-shrink: 0;
                padding: 15px;
            }

.home-latest-at-iiser {
    padding: 60px 0;
    background-color: var(--color-charcoal-black-1);
    color: var(--color-white);
}

    .home-latest-at-iiser ul {
        margin: 0 -15px;
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
    }

        .home-latest-at-iiser ul li {
            width: 50%;
            padding: 15px;
        }

    .home-latest-at-iiser .media {
        margin-bottom: 8px;
        position: relative;
    }

        .home-latest-at-iiser .media .poster {
            position: relative;
        }

            .home-latest-at-iiser .media .poster:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                background-color: rgba(0,0,0,.5);
                z-index: 0;
            }

            .home-latest-at-iiser .media .poster:after {
                content: "";
                display: block;
                width: 60px;
                height: 60px;
                background-image: url(/images/assets/icons/icon-play-blue.svg);
                background-position: center center;
                background-size: cover auto;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                position: absolute;
                opacity: .8;
                z-index: 1;
            }

            .home-latest-at-iiser .media .poster:hover:after {
                opacity: 1;
            }

        .home-latest-at-iiser .media iframe {
            width: 100%;
            height: 100%;
            position: absolute;
            display: none;
            z-index: 3;
            border: 0;
            outline: 0;
            top: 0;
            left: 0;
        }

        .home-latest-at-iiser .media.show-video iframe {
            display: block;
        }

    .home-latest-at-iiser h4 {
        font-size: var(--font-size-14);
    }

.annoucements-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.annoucements-item {
    color: var(--color-dark);
    margin-bottom: 15px;
}

    .annoucements-item .tag {
        color: var(--color-sky-blue);
        font-size: var(--font-size-12);
        min-height: 1.2em;
        line-height: 1.2em;
        margin-bottom: .5rem;
    }

    .annoucements-item .date {
        font-size: var(--font-size-12);
        min-height: 1.2em;
        line-height: 1.2em;
        margin-bottom: .5rem;
    }

    .annoucements-item .annoucement-title {
        text-decoration: none;
        display: block;
        text-decoration: none;
        color: inherit;
    }

        .annoucements-item .annoucement-title span {
            transition: border-color linear .2s;
            border-bottom: 1px solid transparent;
        }

        .annoucements-item .annoucement-title:hover span {
            border-bottom: 1px solid currentColor;
        }

.page-announcements .annoucements-list {
    list-style: none;
    width: 100%;
    overflow: auto;
    margin: 0;
    padding: 0;
    margin-top: 30px;
}

    .page-announcements .annoucements-list li {
        margin-bottom: 15px;
        padding: 15px;
        background-color: var(--color-red-faint);
    }

        .page-announcements .annoucements-list li .tag {
            color: var(--color-sky-blue);
            font-size: var(-\2d font-size-12);
            min-height: 1.2em;
            line-height: 1.2em;
            margin-bottom: .5rem;
        }

.home-navigation-tiles {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 15px -15px;
    justify-content: center;
}

    .home-navigation-tiles li {
        margin: 15px;
        width: 370px;
        color: var(--color-charcoal-black-1);
    }

        .home-navigation-tiles li a {
            display: block;
            text-decoration: none;
            color: inherit;
            background-color: var(--color-gray-4);
            transition: background-color linear .4s;
            height: 100%;
        }

            .home-navigation-tiles li a:hover {
                background-color: var(-\2d color-blue-calm);
            }

                .home-navigation-tiles li a:hover .image img {
                    transform: scale(1.1);
                }

        .home-navigation-tiles li .image {
            overflow: hidden;
        }

            .home-navigation-tiles li .image img {
                transform-origin: center center;
                display: block;
                transition: transform ease .8s;
            }

        .home-navigation-tiles li .content {
            padding: 15px 15px 30px 15px;
        }

        .home-navigation-tiles li h2 {
            margin: 0;
            font-size: 20px;
        }

        .home-navigation-tiles li p {
            margin-bottom: 0;
            font-size: var(--font-size-18);
        }

.department-hero, .page-hero {
    position: relative;
    background-color: var(--color-charcoal-black-1);
    height: 400px;
}

    .department-hero.page-hero-large, .page-hero.page-hero-large {
        height: 400px;
    }

        .department-hero.page-hero-large .content, .page-hero.page-hero-large .content {
            bottom: 50%;
            transform: translateY(50%);
        }

    .department-hero .image, .page-hero .image {
        height: 100%;
    }

        .department-hero .image img, .department-hero .image svg, .page-hero .image img, .page-hero .image svg {
            display: block;
            max-width: 100%;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .department-hero .content, .page-hero .content {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .department-hero h1, .page-hero h1 {
        color: var(--color-white);
        font-size: var(--font-size-24);
        font-weight: 400;
    }

        .department-hero h1 small, .page-hero h1 small {
            font-size: .5em;
        }

.page-nav, .page-secondary-nav {
    display: flex;
    align-items: center;
    margin: 30px 0;
    margin-left: calc((100% - 1230px)/2);
    background-color: rgba(255,255,255,.75);
    -webkit-backdrop-filter: blur(30px) saturate(180%);
    backdrop-filter: blur(30px) saturate(180%);
    display: flex;
    padding: 15px 15px;
    font-size: var(--font-size-16);
    overflow: auto;
}

@supports(scrollbar-width:thin) {
    .page-nav,.page-secondary-nav;

{
    scrollbar-width: thin;
    scrollbar-color: var(--color-sky-blue) var(--color-gray-4);
}

}

@supports not (scrollbar-width:thin) {
    .page-nav::-webkit-scrollbar,.page-secondary-nav::-webkit-scrollbar;

{
    height: 6px;
    background-image: linear-gradient(to bottom,white 3px,var(--color-gray-4) 3.5px,white 4px);
}

.page-nav::-webkit-scrollbar-thumb, .page-secondary-nav::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    background-color: var(--color-sky-blue);
    border-radius: 8px;
    background-size: auto 20px;
    background-position: left center;
    background-repeat: no-repeat;
}

}

.page-nav.page-nav-no-hero, .page-secondary-nav.page-nav-no-hero {
    background-color: var(--color-gray-4);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.page-nav a, .page-secondary-nav a {
    color: var(--color-charcoal-black-1);
    margin: 0;
    padding: 0 15px;
    text-decoration: none;
    transition: transform ease-out .1s;
    white-space: nowrap;
}

    .page-nav a.current, .page-secondary-nav a.current {
        font-weight: 700;
    }

    .page-nav a:hover, .page-secondary-nav a:hover {
        transform: scale(1.1);
    }

.page-nav .sep, .page-secondary-nav .sep {
    margin: 0 15px;
}

    .page-nav .sep:after, .page-secondary-nav .sep:after {
        content: "|";
    }

.page-secondary-nav {
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    margin-top: 0;
    margin-bottom: 0;
    overflow: scroll;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
}

.page-secondary-nav-aside a {
    display: block;
    text-decoration: none;
    color: var(--color-sky-blue);
    margin: 0 0 10px 0;
}

    .page-secondary-nav-aside a:last-child {
        margin-bottom: 0;
    }

    .page-secondary-nav-aside a.current {
        color: var(--color-dark);
    }

.department-wide-cards, .wide-cards {
    margin: 30px 0 60px 0;
}

.department-wide-card, .wide-card {
    display: flex;
    background-color: #0077bf;
    background-color: #9cdbf8;
    margin: 0 0 30px 0;
    transition: transform ease .24s;
}

    .department-wide-card:hover, .wide-card:hover {
        transform: scale(1.01);
    }

    .department-wide-card .image, .wide-card .image {
        width: 62.5%;
        flex-shrink: 0;
    }

        .department-wide-card .image img, .wide-card .image img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .department-wide-card h3, .wide-card h3 {
        margin-bottom: 8px;
    }

    .department-wide-card .text, .wide-card .text {
        padding: 30px;
    }

    .department-wide-card a, .wide-card a {
        color: inherit;
        text-decoration: none;
    }

.department-landing-cards {
    margin-top: 30px;
}

    .department-landing-cards .department-landing-card {
        margin: 0;
    }

        .department-landing-cards .department-landing-card:not(:last-child) {
            margin-bottom: 60px;
        }

    .department-landing-cards h2 {
        color: var(--color-red);
    }

    .department-landing-cards a {
        display: block;
    }

    .department-landing-cards figure {
        position: relative;
        margin: 15px 0;
        padding: 0;
        overflow: hidden;
    }

        .department-landing-cards figure img {
            display: block;
            transition: all cubic-bezier(.19,1,.22,1) .6s;
            transform-origin: center center;
        }

        .department-landing-cards figure figcaption {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            color: #fff;
            padding: 15px 30px;
            background-color: rgba(55,55,55,.9);
            backdrop-filter: blur(30px) saturate(180%);
        }

            .department-landing-cards figure figcaption:empty {
                padding: 0;
            }

        .department-landing-cards figure:hover img {
            transform: scale(1.05);
        }

.events-listing-grid {
    display: flex;
    margin-top: 45px;
}

    .events-listing-grid aside {
        width: 270px;
        flex-shrink: 0;
        position: relative;
        padding-bottom: 60px;
    }

        .events-listing-grid aside.loading:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: rgba(255,255,255,.5);
            cursor: wait;
        }

        .events-listing-grid aside button.expander {
            display: none;
        }

    .events-listing-grid main {
        margin-left: 30px;
        flex-grow: 1;
        min-height: 600px;
    }

    .events-listing-grid .categories-list {
        list-style: none;
        padding: 7.5px 0;
        margin: 0 0 30px 0;
    }

        .events-listing-grid .categories-list li {
            cursor: pointer;
            margin: 7.5px 0;
        }

            .events-listing-grid .categories-list li.selected, .events-listing-grid .categories-list li:hover {
                color: var(--color-red);
            }

    .events-listing-grid .department-list {
        list-style: none;
        padding: 7.5px 0;
        margin: 0 0 30px 0;
    }

        .events-listing-grid .department-list li {
            cursor: pointer;
            margin: 7.5px 0;
        }

            .events-listing-grid .department-list li label {
                display: flex;
                position: relative;
                overflow: hidden;
                padding: 3px 8px 3px 30px;
                align-items: center;
                font-size: var(--font-size-16);
            }

                .events-listing-grid .department-list li label input {
                    position: absolute;
                    left: 0;
                    opacity: 0;
                }

                    .events-listing-grid .department-list li label input:checked ~ span {
                        background-image: url(/images/assets/icons/icon-tick-red.svg);
                    }

                .events-listing-grid .department-list li label span {
                    width: 20px;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    transition: width ease 1s;
                    height: 20px;
                    background-size: 8px auto;
                    background-position: center center;
                    border: 1px solid var(--color-gray-4);
                    border-radius: 0;
                }

.calendar {
    border: 2px solid #0077bf;
    border-radius: 15px;
    max-width: 440px;
    margin-top: 15px;
}

    .calendar .calendar-header {
        display: flex;
        background-color: #0077bf;
        color: #fff;
        border-radius: 15px 15px 0 0;
        padding: 0 0;
        align-items: center;
        overflow: hidden;
        font-size: var(--font-size-16);
    }

        .calendar .calendar-header button {
            width: 50px;
            flex-shrink: 0;
            padding: 15px;
            border: 0;
            outline: 0;
            background-color: transparent;
            text-align: center;
        }

            .calendar .calendar-header button svg {
                display: block;
                margin: auto;
            }

            .calendar .calendar-header button:hover {
                background-color: var(--color-blue-calm);
            }

        .calendar .calendar-header .text {
            text-align: center;
            flex-grow: 1;
            display: flex;
        }

            .calendar .calendar-header .text select {
                background-color: #0077bf;
                border: 0;
                outline: 0;
                flex-grow: 1;
                flex-basis: 0;
                color: var(--color-white);
                margin: 0 4px;
            }

                .calendar .calendar-header .text select option {
                    padding: 52px;
                }

    .calendar .month-view {
        padding: 10px;
    }

    .calendar .week-days {
        display: flex;
        flex-wrap: wrap;
        font-weight: 600;
        color: var(--color-gray-4);
    }

        .calendar .week-days .week-day {
            width: 14.2857142857%;
            min-height: 30px;
            text-align: center;
            line-height: 30px;
        }

    .calendar .days {
        display: flex;
        flex-wrap: wrap;
    }

    .calendar .day {
        width: 14.2857142857%;
        min-height: 30px;
        text-align: center;
        line-height: 30px;
        border-radius: 50%;
        padding: 5px;
        animation: DayIn .1s ease;
        border: 0;
        outline: 0;
        background-color: transparent;
        position: relative;
    }

        .calendar .day.day-today {
            color: var(--color-blue-calm);
        }

        .calendar .day.day-selected {
            color: var(-\2d color-sky-blue);
        }

        .calendar .day .has-event-indicator {
            position: absolute;
            bottom: 5px;
            left: 50%;
            transform: translateX(-50%);
            width: 5px;
            height: 5px;
            display: block;
            margin: auto;
            background-color: var(--color-sky-blue);
            border-radius: 50px;
            animation: DayHasEventIndicatorFadeIn .3s ease forwards;
            animation-delay: .3s;
            opacity: 0;
        }

@keyframes DayHasEventIndicatorFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.calendar .day-empty {
    visibility: hidden;
}

.calendar .week-view .week-day {
    display: flex;
    padding: 10px 0;
    align-items: center;
    border-bottom: 1px solid var(--color-dark);
    width: 100%;
}

    .calendar .week-view .week-day:last-child {
        border-bottom: 0;
    }

    .calendar .week-view .week-day label {
        width: 50px;
        flex-shrink: 0;
        text-align: center;
    }

    .calendar .week-view .week-day .items {
        flex-grow: 1;
        display: flex;
        flex-shrink: 1;
        overflow: auto;
    }

    .calendar .week-view .week-day ul {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        flex-grow: 1;
        font-size: var(--font-size-12);
        align-items: center;
    }

        .calendar .week-view .week-day ul li {
            margin: 0 10px;
        }

    .calendar .week-view .week-day .control {
        flex-shrink: 0;
        padding: 0;
        border: 0;
        opacity: .5;
    }

        .calendar .week-view .week-day .control:disabled {
            opacity: 0;
        }

        .calendar .week-view .week-day .control:hover {
            opacity: 1;
        }

        .calendar .week-view .week-day .control svg {
            height: auto;
            width: 15px;
            display: block;
            padding: 4px;
        }

.calendar .calendar-view {
    display: none;
}

.calendar .calendar-view-show {
    display: block!important;
}

.calendar .day-view .day-name {
    color: var(--color-dark-gray);
    padding: 10px 24px;
    border-bottom: 1px solid var(--color-dark-gray);
}

.calendar .day-view .day-events ul {
    list-style: none;
    margin: 0;
    padding: 0;
    min-height: 100px;
}

.calendar .day-view .day-events li {
    padding: 10px 24px;
}

@keyframes DayIn {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
}

.calendar-view-options {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

    .calendar-view-options label.view-option {
        margin: 0 10px;
        display: flex;
        align-items: center;
        position: relative;
        font-size: var(--font-size-12);
    }

        .calendar-view-options label.view-option input {
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
        }

        .calendar-view-options label.view-option i {
            width: 12px;
            position: relative;
            height: 12px;
            border-radius: 50%;
            border: 1px solid var(--color-sky-blue);
            margin-right: 5px;
        }

            .calendar-view-options label.view-option i:before {
                content: "";
                display: block;
                border-radius: 50%;
                height: 50%;
                width: 50%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%) scale(2);
                background-color: transparent;
                transform-origin: center center;
                transition: all cubic-bezier(.19,1,.22,1) 1s;
            }

        .calendar-view-options label.view-option input:checked ~ i:before {
            transform: translate(-50%,-50%) scale(1);
            background-color: var(--color-sky-blue);
        }

.event-cards {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .event-cards li.event-card {
        display: flex;
        flex-wrap: wrap;
        padding: 15px 0;
        margin: 15px 0;
        border-bottom: 1px solid var(--color-gray-4);
    }

        .event-cards li.event-card:first-child {
            margin-top: 0;
            padding-top: 0;
        }

        .event-cards li.event-card .matter {
            width: 66.6666666667%;
            padding-right: 15px;
        }

        .event-cards li.event-card .options {
            width: 33.3333333333%;
            padding-left: 15px;
        }

        .event-cards li.event-card .category-tag {
            color: var(--color-sky-blue);
            text-transform: uppercase;
            font-size: var(--font-size-12);
            letter-spacing: .15em;
            line-height: 100%;
            text-decoration: none;
        }

            .event-cards li.event-card .category-tag:hover {
                text-decoration: underline;
            }

        .event-cards li.event-card .event-title {
            margin: .5rem 0;
            font-size: var(--font-size-18);
            font-weight: 600;
            line-height: 1.5em;
            font-size: var(--font-size-16);
        }

            .event-cards li.event-card .event-title a {
                color: inherit;
                text-decoration: none;
                color: var(--color-dark);
            }

            .event-cards li.event-card .event-title:hover span {
                border-bottom-color: currentColor;
            }

            .event-cards li.event-card .event-title span {
                border-bottom: 1px solid transparent;
            }

        .event-cards li.event-card .summary {
            margin: 15px 0;
        }

        .event-cards li.event-card address {
            font-style: normal;
            margin: 15px 0;
        }

            .event-cards li.event-card address:empty {
                display: none;
            }

        .event-cards li.event-card .date {
            color: var(--color-red);
            margin-bottom: 10px;
        }

            .event-cards li.event-card .date span {
                font-size: var(--font-size-12);
                display: block;
                color: var(--color-dark-gray);
                letter-spacing: 1px;
            }

.add-to-calendar {
    background-color: var(--color-gray-4);
    border-radius: 2px;
    color: inherit;
    text-decoration: none;
    color: var(--color-sky-blue);
    display: inline-block;
    margin: 15px 0;
    padding: 4px 12px;
    font-size: var(--font-size-12);
}

    .add-to-calendar:hover {
        background-color: var(--color-gray-3);
    }

.event-cards-aside {
    padding: 0;
    list-style: none;
    margin: 0;
}

    .event-cards-aside li.event-card {
        padding: 0 0 20px 0;
    }

        .event-cards-aside li.event-card .category-tag {
            color: var(--color-sky-blue);
            text-transform: uppercase;
            font-size: var(--font-size-12);
            letter-spacing: .15em;
            text-decoration: none;
        }

            .event-cards-aside li.event-card .category-tag:hover {
                text-decoration: underline;
            }

        .event-cards-aside li.event-card .event-title {
            margin: .5rem 0 .5rem 0;
            font-size: var(--font-size-18);
            font-weight: 600;
            line-height: 1.5em;
            font-size: var(--font-size-16);
        }

            .event-cards-aside li.event-card .event-title a {
                color: inherit;
                text-decoration: none;
                color: var(--color-dark);
            }

            .event-cards-aside li.event-card .event-title:hover span {
                border-bottom-color: currentColor;
            }

            .event-cards-aside li.event-card .event-title span {
                border-bottom: 1px solid transparent;
            }

        .event-cards-aside li.event-card p {
            margin-top: 0;
        }

        .event-cards-aside li.event-card address {
            font-style: normal;
            font-size: var(--font-size-16);
        }

        .event-cards-aside li.event-card .date {
            margin-bottom: 1rem;
        }

            .event-cards-aside li.event-card .date.date-subtle {
                color: var(--color-dark-gray);
            }

.page-department-landing .slider {
    margin-bottom: 0;
}

.news-cards-scroll-controls {
    display: flex;
    margin-left: 30px;
}

    .news-cards-scroll-controls .control {
        width: 30px;
        height: 30px;
        background-size: 100% auto;
        background-position: center center;
        margin: 0 15px;
        display: block;
        border: 0;
        outline: 0;
        background-color: transparent;
        transition: opacity ease .3s;
    }

        .news-cards-scroll-controls .control.prev {
            background-image: url(/images/assets/icons/icon-chevron-circle-left-dark.svg);
        }

        .news-cards-scroll-controls .control.next {
            background-image: url(/images/assets/icons/icon-chevron-circle-right-dark.svg);
        }

        .news-cards-scroll-controls .control:disabled {
            opacity: .5;
        }

.news-cards {
    list-style: none;
    padding: 15px 0;
    margin: 30px 0;
    display: block;
}

    .news-cards.news-cards-pinned {
        width: 100%;
        width: calc(100% + 30px);
        display: flex;
        flex-wrap: nowrap;
        margin: 30px -15px;
        overflow: hidden;
    }

        .news-cards.news-cards-pinned .news-card {
            width: 25%;
            padding: 15px;
            margin-bottom: 0;
            flex-shrink: 0;
        }

            .news-cards.news-cards-pinned .news-card:last-child {
                margin-right: 0;
            }

            .news-cards.news-cards-pinned .news-card article {
                flex-direction: column-reverse;
            }

                .news-cards.news-cards-pinned .news-card article div.image {
                    width: 100%;
                }

                .news-cards.news-cards-pinned .news-card article div.text {
                    margin-left: 0;
                }

                    .news-cards.news-cards-pinned .news-card article div.text .news-title {
                        -webkit-line-clamp: 2;
                        display: block;
                        overflow: hidden;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                    }

.pinned-news-wrapper {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--color-gray-4);
    margin-top: 60px;
}

.news-card {
    margin-bottom: 30px;
}

    .news-card .category-tag {
        color: var(--color-sky-blue);
        text-transform: uppercase;
        font-size: var(--font-size-12);
        letter-spacing: .15em;
        text-decoration: none;
        border-bottom: 1px solid transparent;
        margin-right: 15px;
    }

        .news-card .category-tag:hover {
            border-bottom-color: currentColor;
        }

    .news-card article {
        display: flex;
        align-items: flex-start;
    }

    .news-card div.text {
        flex-grow: 1;
        margin-left: 30px;
        transform: translateY(-8px);
    }

    .news-card .image {
        display: flex;
        width: 420px;
        flex-shrink: 0;
        position: relative;
        height: auto;
    }

    .news-card a.image-anchor {
        display: block;
        overflow: hidden;
        position: relative;
        top: 0;
        left: 0;
        padding-top: 50%;
        width: 100%;
    }

        .news-card a.image-anchor img {
            display: block;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            object-fit: cover;
            position: absolute;
        }

    .news-card .news-title {
        margin: .8rem 0;
        font-size: var(--font-size-18);
        font-weight: 600;
        line-height: 1.44em;
        color: #231f20;
    }

        .news-card .news-title a {
            color: inherit;
            text-decoration: none;
            border-bottom: 1px solid transparent;
        }

        .news-card .news-title:hover a {
            border-bottom-color: currentColor;
        }

    .news-card .news-date {
        margin: .8rem 0;
        font-size: var(--font-size-12);
    }

.page-news-post section.news-post-section .post-category {
    color: var(--color-sky-blue);
    text-transform: uppercase;
    font-size: var(--font-size-12);
    letter-spacing: .15em;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    margin-right: 15px;
}

    .page-news-post section.news-post-section .post-category:last-child {
        margin-right: 0;
        display: inline-block;
    }

    .page-news-post section.news-post-section .post-category:hover {
        border-bottom-color: currentColor;
    }

.page-news-post section.news-post-section .post-title {
    font-size: var(--font-size-20);
    margin: .5rem 0;
}

.page-news-post section.news-post-section .author {
    margin: .5rem 0;
}

.page-news-post section.news-post-section .published-date {
    margin: .5rem 0;
    font-size: var(--font-size-12);
}

.page-news-post section.news-post-section header {
    margin-bottom: 30px;
}

    .page-news-post section.news-post-section header .news-post-section-header-row {
        display: flex;
    }

    .page-news-post section.news-post-section header .text {
        max-width: 720px;
        margin-left: 150px;
        margin-right: 30px;
        flex-grow: 1;
    }

    .page-news-post section.news-post-section header .sharer {
        width: 25%;
        flex-shrink: 0;
    }

        .page-news-post section.news-post-section header .sharer .post-shares {
            list-style: none;
            padding: 0;
            margin: 15px 0;
        }

            .page-news-post section.news-post-section header .sharer .post-shares li {
                display: inline-block;
                margin-right: 15px;
            }

                .page-news-post section.news-post-section header .sharer .post-shares li a {
                    display: block;
                }

                    .page-news-post section.news-post-section header .sharer .post-shares li a img {
                        display: block;
                    }

                    .page-news-post section.news-post-section header .sharer .post-shares li a:hover {
                        opacity: .8;
                    }

    .page-news-post section.news-post-section header .featured-image {
        padding: 0;
        margin: 20px auto;
    }

        .page-news-post section.news-post-section header .featured-image img {
            display: block;
            width: 100%;
        }

        .page-news-post section.news-post-section header .featured-image figcaption {
            padding: 10px 0;
            font-size: var(--font-size-14);
        }

.page-news-post section.news-post-section .news-post-cover-gallery .slider .slides .slide {
    height: auto;
}

    .page-news-post section.news-post-section .news-post-cover-gallery .slider .slides .slide figure {
        margin: 0;
        padding: 0;
        background-color: #fff;
    }

.page-news-post section.news-post-section .post-main {
    margin-left: 150px;
    display: flex;
}

    .page-news-post section.news-post-section .post-main article.post-article {
        max-width: 700px;
    }

        .page-news-post section.news-post-section .post-main article.post-article .rich-text {
            font-size: var(--font-size-18)!important;
            line-height: 1.5em;
        }

    .page-news-post section.news-post-section .post-main aside.post-aside {
        margin-left: 30px;
    }

.page-news-post .news-post-article h1 {
    font-size: 16px;
    margin-bottom: .5em;
    margin-top: 0;
    font-weight: 600;
}

.page-news-post .news-post-article .time {
    font-size: 14px;
}

.page-news-post .news-post-article .news-post-content {
    margin-top: 30px;
    line-height: 24px;
}

    .page-news-post .news-post-article .news-post-content .alignleft {
        margin: 15px 15px 15px 0;
    }

.nav-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

    .nav-pagination .nav-pagination-control {
        margin: 0 15px;
        color: inherit;
        text-decoration: none;
    }

        .nav-pagination .nav-pagination-control:hover {
            color: var(--color-sky-blue);
        }

.pagination {
    margin: 1.5rem 0;
    text-align: center;
    font-size: var(--font-size-18);
    color: var(--color-jet-black);
    padding: 6px 15px;
    display: flex;
    flex-shrink: 1;
    overflow: auto;
    list-style: none;
}

    .pagination::-webkit-scrollbar {
        height: 6px;
        background-image: linear-gradient(to bottom,white 3px,var(--color-gray-4) 3.5px,white 4px);
    }

    .pagination::-webkit-scrollbar-thumb {
        background-color: #a9a9a9;
        background-color: var(--color-sky-blue);
        border-radius: 8px;
        background-size: auto 20px;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .pagination li a {
        padding: 4px 8px;
        border-radius: 2px;
        display: block;
        text-decoration: none;
        text-align: center;
        color: inherit;
    }

        .pagination li a:hover {
            color: var(--color-sky-blue);
        }

    .pagination li.current a {
        color: var(--color-sky-blue);
    }

.article-and-aside {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}

    .article-and-aside > article {
        width: 62.5%;
        flex-grow: 1;
        padding-left: 15px;
        padding-right: 15px;
    }

    .article-and-aside > aside {
        width: 37.5%;
        padding-left: 15px;
        padding-right: 15px;
        flex-shrink: 0;
    }

.leadership-subcategories, .leaders-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

    .leadership-subcategories .leadership-subcategory, .leaders-list .leadership-subcategory {
        width: 50%;
        padding: 0 15px 60px 15px;
    }

        .leadership-subcategories .leadership-subcategory .leader, .leaders-list .leadership-subcategory .leader {
            padding-left: 0;
            padding-right: 0;
            width: auto;
        }

    .leadership-subcategories .leader, .leaders-list .leader {
        padding: 0 15px 60px 15px;
        width: 50%;
    }

        .leadership-subcategories .leader .image, .leaders-list .leader .image {
            margin-bottom: 15px;
            display: block;
        }

            .leadership-subcategories .leader .image img, .leaders-list .leader .image img {
                display: block;
                max-width: 420px;
            }

.people-group {
    margin-bottom: 60px;
}

    .people-group .more-people-link {
        color: #0077bf;
        text-decoration: none;
        border-bottom: 1px solid transparent;
    }

        .people-group .more-people-link:hover {
            border-color: currentColor;
        }

form[name=PeopleSearchForm], form[name=NewsFilterForm] {
    float: right;
    width: 270px;
    position: relative;
}

    form[name=PeopleSearchForm] select, form[name=NewsFilterForm] select {
        width: 100%;
        max-width: none;
        border: 1px solid var(--color-sky-blue);
        border-radius: 5px;
        display: block;
        -webkit-appearance: none;
        padding: 10px 30px 10px 15px;
        outline: 0;
    }

    form[name=PeopleSearchForm] .icon, form[name=NewsFilterForm] .icon {
        position: absolute;
        right: 10px;
        top: 50%;
        width: 15px;
        height: 15px;
        margin-top: -7.5px;
        background-image: url(/images/assets/icons/icon-dropdown-fill.svg);
        background-position: center center;
        background-size: 12px auto;
        transition: all ease-out .4s;
        transform-origin: center center;
    }

    form[name=PeopleSearchForm] select:focus ~ .icon, form[name=NewsFilterForm] select:focus ~ .icon {
        transform: rotate(90deg);
    }

.student-lists-filter {
    margin-bottom: 40px;
}

    .student-lists-filter:after {
        content: "";
        clear: both;
        display: block;
    }

    .student-lists-filter .fields {
        display: flex;
        flex-wrap: wrap;
    }

    .student-lists-filter .form-group {
        margin: 0 30px 0 0;
        display: flex;
        align-items: center;
    }

        .student-lists-filter .form-group label {
            margin-bottom: 4px;
            display: block;
            margin-right: 10px;
        }

    .student-lists-filter select {
        margin-left: 0;
        border: 1px solid var(--color-sky-blue);
        border-radius: 5px;
        display: block;
        -webkit-appearance: none;
        padding: 10px 30px 10px 15px;
        outline: 0;
        background-image: url(/images/assets/icons/icon-dropdown-fill.svg);
        background-position: calc(100% - 10px) center;
        width: 200px;
    }

        .student-lists-filter select:focus {
            box-shadow: 0 0 0 1px #0077bf;
        }

    .student-lists-filter button {
        margin: 0;
        align-self: center;
        padding: 10px 12px;
    }

.people-list {
    list-style: none;
    padding: 0;
    margin: 15px -15px;
    display: flex;
    flex-wrap: wrap;
}

    .people-list li {
        padding: 15px;
        width: 25%;
    }

    .people-list article .image {
        width: 160px;
        overflow: hidden;
        border-radius: 5px;
        min-height: 120px;
        display: block;
    }

        .people-list article .image svg, .people-list article .image img {
            display: block;
            width: 100%;
        }

    .people-list article h4 {
        font-size: var(--font-size-18);
        margin: 1rem 0 .8rem 0;
        font-family: "Source Sans Pro";
        font-weight: 600;
    }

        .people-list article h4 a {
            color: inherit;
            text-decoration: none;
            border-bottom: 1px solid transparent;
        }

            .people-list article h4 a:hover {
                border-bottom-color: currentColor;
            }

    .people-list article p {
        font-size: var(--font-size-18);
        margin: .8rem 0;
    }

    .people-list.people-list-rich article {
        border-radius: 5px;
        overflow: hidden;
        position: relative;
        padding-bottom: 110px;
        background-color: #bad9e7;
    }

        .people-list.people-list-rich article .image {
            border-radius: 5px 5px 0 0;
            width: 100%;
        }

            .people-list.people-list-rich article .image svg, .people-list.people-list-rich article .image img {
                width: 100%;
            }

        .people-list.people-list-rich article .profile-content {
            height: 110px;
            padding: 5px 15px 15px 15px;
            position: absolute;
            overflow: hidden;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #e6e7e8;
            transition: height ease .8s;
            text-decoration: none;
            color: inherit;
        }

            .people-list.people-list-rich article .profile-content:after {
                content: "";
                height: 30px;
                display: block;
                position: absolute;
                pointer-events: none;
                right: 0;
                bottom: 0;
                left: 0;
                background-image: linear-gradient(to bottom,rgba(255,216,0,0),#ffd800);
            }

            .people-list.people-list-rich article .profile-content .extra-info {
                opacity: 0;
                transition: opacity ease .1s .1s;
                position: relative;
            }

        .people-list.people-list-rich article:hover .profile-content {
            height: 100%;
            transition-duration: .4s;
        }

            .people-list.people-list-rich article:hover .profile-content .extra-info {
                transition-delay: .4s;
                transition-duration: .6s;
                opacity: 1;
            }

.student-list-group-heading {
    display: block;
    text-decoration: none;
    border: 1px solid var(--color-gray-4);
    padding: 10px 40px 10px 20px;
    background-image: url(/images/assets/icons/icon-dropdown-fill.svg);
    background-position: calc(100% - 20px) center;
    margin-bottom: 20px;
    border-radius: 4px;
    max-width: 730px;
}

    .student-list-group-heading .title {
        display: block;
        color: var(--color-sky-blue);
    }

    .student-list-group-heading .meta {
        display: block;
        color: var(--color-charcoal-black-1);
    }

    .student-list-group-heading:hover {
        background-color: var(--color-gray-4);
    }

.student-list-group {
    margin-bottom: 40px;
}

.student-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 30px 0;
    padding: 0;
}

    .student-list li {
        width: calc(25% - 10px);
        margin: 0 10px 20px 0;
    }

        .student-list li strong {
            font-weight: 600;
        }

.info-text {
    margin-bottom: 30px;
}

.page-person-profile .name-card {
    display: flex;
    margin-bottom: 30px;
    width: 100%;
}

    .page-person-profile .name-card .image {
        max-width: 420px;
        margin-right: 30px;
        flex-shrink: 0;
    }

        .page-person-profile .name-card .image img {
            display: block;
            border-radius: 10px;
        }

    .page-person-profile .name-card .text {
        flex-grow: 1;
    }

        .page-person-profile .name-card .text a {
            color: var(-\2d color-sky-blue);
        }

.apply-department-seperator span {
    display: block;
}

    .apply-department-seperator span:last-child {
        margin: 0;
    }

.slider {
    position: relative;
    margin-top: 30px;
    overflow: hidden;
}

    .slider .slides {
        overflow: hidden;
        width: 100%;
    }

        .slider .slides .slide {
            position: absolute;
            left: 100%;
            top: 0;
            height: 360px;
            width: 100%;
            overflow: hidden;
            background-color: #0077bf;
        }

            .slider .slides .slide:first-child {
                position: relative;
                left: 0;
            }

    .slider .slide-content {
        position: relative;
        height: 100%;
        width: 100%;
        display: block;
        text-decoration: none;
    }

        .slider .slide-content img {
            display: block;
            object-fit: cover;
            height: 100%;
            width: 100%;
        }

        .slider .slide-content .caption {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            padding: 15px 30px;
            color: #fff;
            font-size: var(--font-size-24);
            background-color: rgba(37,42,45,.3);
            backdrop-filter: blur(30px) saturate(180%);
        }

    .slider button.control {
        border: 0;
        position: absolute;
        width: 30px;
        height: 30px;
        border: 0;
        outline: 0;
        background-color: transparent;
        top: 50%;
        transform: translateY(-50%);
        background-position: center center;
        background-size: 100% auto;
        box-shadow: 0 0 0 1px rgba(55,55,55,.9);
        border-radius: 50%;
    }

        .slider button.control:hover {
            opacity: .9;
        }

        .slider button.control.prev {
            left: 15px;
            background-image: url(/images/assets/icons/icon-chevron-circle-left.svg);
        }

        .slider button.control.next {
            right: 15px;
            background-image: url(/images/assets/icons/icon-chevron-circle-right.svg);
        }

.admission-module {
    margin-top: 30px;
}

    .admission-module .admission-module-navbar {
        margin-left: -30px;
        padding: 0 15px;
        background-color: var(--color-sky-blue-faint);
        overflow: auto;
        white-space: nowrap;
    }

        .admission-module .admission-module-navbar a {
            color: var(--color-jet-black);
            padding: 10px 15px;
            display: inline-block;
            text-decoration: none;
        }

            .admission-module .admission-module-navbar a.active {
                font-weight: 600;
            }

    .admission-module .admission-module-content {
        padding: 60px 0 30px 0;
        display: none;
    }

        .admission-module .admission-module-content.active {
            display: block;
            animation: fadeInFromBottom .6s ease;
        }

@keyframes fadeInFromBottom {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
}

.admission-module .admission-module-section {
    margin-bottom: 30px;
}

.page-general {
    min-height: 50vh;
    padding: 0 0 60px 0;
}

    .page-general h1.page-general-title {
        color: var(--color-red);
        font-size: var(--font-size-20);
        margin: 0;
        margin-top: 60px;
    }

    .page-general .page-general-content {
        margin-top: 30px;
    }

        .page-general .page-general-content hr {
            margin: 45px 0;
        }

    .page-general table {
        width: 100%;
        border: 0;
        margin: 30px 0;
    }

        .page-general table td, .page-general table th {
            text-align: left;
            padding: 15px;
            border: 0;
            border-bottom: 1px solid var(--color-gray-4);
        }

            .page-general table td:first-child, .page-general table th:first-child {
                padding-left: 0;
            }

            .page-general table td:last-child, .page-general table th:last-child {
                padding-right: 0;
            }

.markdown-text p {
    white-space: pre-line;
}

.unpublished-warning {
    padding: 20px;
    margin: 20px;
    background-color: var(--color-red-faint);
    font-size: var(--font-size-18);
}

.page-tenders .tenders-list {
    list-style: none;
    padding: 0;
    margin: 30px 0;
    display: table;
    width: 100%;
}

    .page-tenders .tenders-list li {
        border-bottom: 1px solid var(--color-gray-4);
        padding: 10px 0 20px 0;
        margin-bottom: 10px;
    }

        .page-tenders .tenders-list li .title {
            padding: 10px 0;
        }

        .page-tenders .tenders-list li .date {
            font-size: var(--font-size-14);
            display: inline-block;
            margin-right: 30px;
        }

            .page-tenders .tenders-list li .date strong {
                font-weight: 600;
            }

        .page-tenders .tenders-list li .new {
            display: inline-block;
            margin-right: 30px;
            font-size: var(--font-size-12);
            text-transform: uppercase;
            color: var(--color-red);
        }

        .page-tenders .tenders-list li .type {
            display: inline-block;
            margin-right: 30px;
            font-size: var(--font-size-12);
            text-transform: uppercase;
            color: var(--color-red);
        }

        .page-tenders .tenders-list li .cancelled {
            margin-right: 30px;
            font-size: var(--font-size-12);
            text-transform: uppercase;
        }

            .page-tenders .tenders-list li .cancelled span {
                padding: 1px 4px;
                background-color: var(--color-red);
                color: var(--color-white);
            }

        .page-tenders .tenders-list li .last-update {
            display: inline-block;
            margin-right: 30px;
            font-size: var(--font-size-12);
            text-transform: uppercase;
            background-color: var(--color-blue-calm);
            padding: 1px 4px;
        }

        .page-tenders .tenders-list li .reference-id {
            display: inline-block;
            margin-right: 30px;
            font-size: var(--font-size-12);
            text-transform: uppercase;
            color: var(--color-red);
        }

        .page-tenders .tenders-list li a {
            text-decoration: none;
            border-bottom: 1px solid transparent;
            line-height: 1.5em;
            color: var(--color-sky-blue);
        }

            .page-tenders .tenders-list li a:hover {
                border-bottom-color: currentColor;
            }

    .page-tenders .tenders-list .head strong {
        white-space: nowrap;
        font-weight: 600;
    }

.page-tenders .tender-details-table {
    max-width: 720px;
    margin: 15px 0;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .page-tenders .tender-details-table td, .page-tenders .tender-details-table th {
        text-align: left;
        padding: 5px 30px 5px 0;
        border-bottom: 1px solid var(--color-gray-4);
        vertical-align: top;
        overflow: hidden;
    }

    .page-tenders .tender-details-table th {
        font-weight: 600;
        white-space: nowrap;
    }

    .page-tenders .tender-details-table a.download-link {
        color: var(--color-sky-blue);
        text-decoration: none;
        display: inline-block;
        margin: 0 15px 5px 0;
    }

        .page-tenders .tender-details-table a.download-link:hover {
            text-decoration: underline;
        }

.tender-search {
    display: flex;
    max-width: 870px;
    margin: 30px auto 60px auto;
    border: 1px solid var(--color-gray-4);
    border-radius: 5px;
}

    .tender-search input {
        border: 0;
        outline: 0;
        flex-grow: 1;
        border-radius: 5px;
        padding: 20px 30px;
    }

    .tender-search button {
        border-radius: 5px;
        padding: 0 30px;
        border: 0;
        outline: 0;
        background-color: transparent;
    }

        .tender-search button:hover {
            background-color: var(--color-gray-4);
        }

        .tender-search button:active {
            background-color: var(--color-gray-3);
        }

.page-tenders-details h1 {
    font-size: var(--font-size-18);
    margin: 0 0 30px 0;
}

.page-tenders-details .type {
    margin-bottom: 20px;
    text-transform: uppercase;
}

.page-tenders-details .date {
    font-size: var(--font-size-14);
    display: inline-block;
    margin-right: 30px;
}

    .page-tenders-details .date strong {
        font-weight: 600;
    }

.recent-publications {
    list-style: none;
    margin: 30px 0 0 0;
    padding: 0;
}

    .recent-publications li {
        margin-bottom: 30px;
    }

        .recent-publications li .publication-item-title {
            margin-bottom: 8px;
            font-weight: 400;
            font-size: var(--font-size-18);
            color: var(--color-sky-blue);
        }

        .recent-publications li a {
            text-decoration: none;
            color: inherit;
            border-bottom: 1px solid transparent;
        }

            .recent-publications li a:hover {
                border-bottom-color: currentColor;
            }

        .recent-publications li .publication-item-description {
            margin: 4px 0;
            display: none;
        }

        .recent-publications li .publication-item-publisher {
            margin: 4px 0;
            display: none;
        }

        .recent-publications li .publication-item-date {
            margin: 4px 0;
            display: none;
        }

        .recent-publications li .publication-item-author {
            margin: 4px 0;
        }

    .recent-publications.recent-publications-department li {
        margin-bottom: 15px;
    }

.openings-list {
    list-style: none;
    margin: 30px 0;
    padding: 0;
}

    .openings-list li {
        border-bottom: 1px solid var(--color-gray-4);
        padding: 10px 0 20px 0;
        margin-bottom: 10px;
    }

        .openings-list li .title {
            margin-top: 5px;
            padding: 10px 0;
        }

        .openings-list li .date {
            font-size: var(--font-size-14);
            display: inline-block;
            margin-right: 30px;
        }

            .openings-list li .date strong {
                font-weight: 600;
            }

        .openings-list li .new {
            display: inline-block;
            margin-right: 30px;
            font-size: var(--font-size-12);
            text-transform: uppercase;
            color: var(--color-red);
        }

        .openings-list li .type {
            display: inline-block;
            margin-right: 30px;
            font-size: var(--font-size-12);
            text-transform: uppercase;
            color: var(--color-red);
        }

        .openings-list li .cancelled {
            margin-right: 30px;
            font-size: var(--font-size-12);
            text-transform: uppercase;
        }

            .openings-list li .cancelled span {
                padding: 1px 4px;
                background-color: var(--color-red);
                color: var(--color-white);
            }

        .openings-list li .applications-closed {
            margin-right: 30px;
            font-size: var(--font-size-12);
            text-transform: uppercase;
            display: inline-block;
        }

            .openings-list li .applications-closed span {
                padding: 1px 4px;
                background-color: var(--color-red);
                color: var(--color-white);
            }

        .openings-list li .last-update {
            display: inline-block;
            margin-right: 30px;
            font-size: var(--font-size-12);
            text-transform: uppercase;
            background-color: var(--color-blue-calm);
            padding: 1px 4px;
        }

        .openings-list li .reference-id {
            display: block;
            margin: 0;
            font-size: var(--font-size-15);
            text-transform: uppercase;
            color: var(--color-red);
            font-weight: 600;
        }

            .openings-list li .reference-id strong {
                font-weight: 600;
                margin-right: 5px;
            }

        .openings-list li a {
            text-decoration: none;
            border-bottom: 1px solid transparent;
            line-height: 1.5em;
            color: var(--color-sky-blue);
        }

            .openings-list li a:hover {
                border-bottom-color: currentColor;
            }

.job-details-table {
    max-width: 720px;
    margin: 15px 0;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .job-details-table td, .job-details-table th {
        text-align: left;
        padding: 15px 30px 15px 0;
        border-bottom: 1px solid var(--color-gray-4);
        vertical-align: top;
    }

    .job-details-table th {
        font-weight: 600;
        white-space: nowrap;
    }

    .job-details-table a.download-link {
        color: var(--color-sky-blue);
        text-decoration: none;
        display: inline-block;
        margin: 0 15px 15px 0;
    }

        .job-details-table a.download-link:hover {
            text-decoration: underline;
        }

.job-apply-links p {
    display: inline-block;
}

.job-apply-links a {
    display: inline-block;
    vertical-align: baseline;
    color: #fff;
    background-color: var(--color-sky-blue);
    text-decoration: none;
    padding: 8px 12px;
    margin-top: 30px;
    margin-bottom: 15px;
    margin-right: 15px;
    border: 1px solid var(--color-sky-blue);
}

    .job-apply-links a:active {
        background-color: var(--color-white);
        color: var(--color-sky-blue);
        box-shadow: inset 0 0 0 1px var(--color-sky-blue);
    }

@keyframes LibrarySearchModuleTabIn {
    from {
        transform: translateY(-15px);
        opacity: 0;
    }
}

.library-search-module {
    margin-bottom: 60px;
}

    .library-search-module .tabs {
        border: 1px solid var(--color-gray-4);
    }

    .library-search-module .field {
        border-radius: 5px;
        border: 1px solid var(--color-gray-4);
        padding: 10px;
        outline: 0;
        display: block;
        width: 100%;
    }

        .library-search-module .field:focus {
            border-color: var(--color-sky-blue);
        }

    .library-search-module label ~ .field {
        margin-top: 4px;
    }

    .library-search-module .tab-links {
        display: flex;
        flex-wrap: wrap;
        padding: 1px 1px 0 1px;
        background-color: var(--color-gray-4);
    }

        .library-search-module .tab-links a {
            text-decoration: none;
            padding: 7.5px 15px;
            color: inherit;
            margin-right: 1px;
        }

            .library-search-module .tab-links a.current, .library-search-module .tab-links a:hover {
                background-color: var(--color-white);
            }

    .library-search-module .tab-content {
        border-top: 0;
        display: none;
        animation: LibrarySearchModuleTabIn .8s cubic-bezier(.19,1,.22,1);
    }

        .library-search-module .tab-content.current {
            display: block;
        }

    .library-search-module .search-card .search-card-body {
        padding: 15px;
    }

    .library-search-module .search-card .search-card-footer {
        padding: 15px;
        border-top: 1px solid var(--color-gray-4);
    }

        .library-search-module .search-card .search-card-footer button {
            background-color: var(--color-sky-blue);
            color: var(--color-white);
            padding: 7.5px 15px;
            border: 1px solid var(--color-sky-blue);
            outline: 0;
            margin-right: 15px;
        }

            .library-search-module .search-card .search-card-footer button:focus {
                outline: 1px dotted var(--color-dark);
            }

            .library-search-module .search-card .search-card-footer button:hover {
                opacity: .8;
            }

            .library-search-module .search-card .search-card-footer button:active {
                opacity: .9;
            }

    .library-search-module .search-card .checkbox-group {
        display: flex;
        flex-wrap: wrap;
        margin: 5px 0;
    }

        .library-search-module .search-card .checkbox-group label {
            margin: 5px 10px 5px 0;
            display: inline-flex;
            align-items: center;
        }

            .library-search-module .search-card .checkbox-group label input:disabled ~ span {
                opacity: .5;
            }

    .library-search-module .search-card a.external-link {
        display: inline-block;
        vertical-align: middle;
        margin: 0 15px 0 0;
        color: var(--color-sky-blue);
    }

.admission-application-history {
    list-style: none;
    margin: 60px 0 0 0;
    padding: 0;
}

    .admission-application-history li {
        padding: 15px 0;
        margin-bottom: 15px;
    }

        .admission-application-history li:not(:last-child) {
            border-bottom: 1px solid var(--color-gray-4);
        }

.page-404 {
    background-color: var(--color-dark-gray);
    color: #fff;
    text-align: center;
    padding: 60px 0;
}

    .page-404 img {
        display: block;
        margin: auto;
        margin-bottom: 60px;
        width: 320px;
    }

.page-search {
    max-width: 870px;
    margin: 0 auto;
}

    .page-search .search-form {
        display: flex;
        max-width: 870px;
        margin: 30px auto 30px auto;
        border: 1px solid var(--color-gray-4);
        border-radius: 5px;
    }

        .page-search .search-form input {
            border: 0;
            outline: 0;
            flex-grow: 1;
            border-radius: 5px;
            padding: 20px 30px;
        }

        .page-search .search-form button {
            border-radius: 5px;
            padding: 0 30px;
            border: 0;
            outline: 0;
            background-color: transparent;
        }

            .page-search .search-form button:hover {
                background-color: var(--color-gray-4);
            }

            .page-search .search-form button:active {
                background-color: var(--color-gray-3);
            }

            .page-search .search-form button svg {
                display: block;
            }

    .page-search .search-scopes {
        display: flex;
        max-width: 870px;
        margin: 30px auto 0 auto;
        border: 1px solid var(--color-gray-4);
        border-bottom: 0;
    }

        .page-search .search-scopes label {
            flex-basis: 0;
            flex-grow: 1;
            position: relative;
        }

            .page-search .search-scopes label input {
                position: absolute;
                opacity: 0;
                left: 0;
                top: 0;
            }

                .page-search .search-scopes label input:checked ~ span {
                    background-color: var(--color-gray-4);
                    font-weight: 600;
                }

            .page-search .search-scopes label span {
                text-align: center;
                display: block;
                padding: 10px;
            }

                .page-search .search-scopes label span:hover {
                    background-color: #eee;
                }

    .page-search .search-results .item {
        display: block;
        border-bottom: 1px solid var(--color-gray-4);
        padding: 15px 0;
    }

        .page-search .search-results .item .title {
            color: var(--color-sky-blue);
            text-decoration: none;
        }

            .page-search .search-results .item .title:hover {
                text-decoration: none;
            }

        .page-search .search-results .item .url {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: var(--color-gray-3);
            margin: 4px 0;
        }

        .page-search .search-results .item p {
            margin: 0;
        }

.page-feedback-form form {
    max-width: 720px;
}

    .page-feedback-form form label {
        margin-bottom: 10px;
    }

.page-sitemap {
    padding: 30px 0;
}

    .page-sitemap h1 {
        font-size: var(--font-size-18);
        color: #b62126;
        font-weight: 600;
    }

    .page-sitemap .sitemap-content {
        margin-top: 30px;
    }

        .page-sitemap .sitemap-content .rich-text {
            padding-left: 60px!important;
        }

            .page-sitemap .sitemap-content .rich-text ul {
                list-style: disc;
                padding-left: 0;
                margin-bottom: 1.25em;
            }

                .page-sitemap .sitemap-content .rich-text ul ul {
                    margin-top: .25em;
                    margin-left: 1em;
                    margin-bottom: 1.25em;
                }

            .page-sitemap .sitemap-content .rich-text li {
                margin-bottom: .25em;
            }

            .page-sitemap .sitemap-content .rich-text h3 {
                font-size: var(--font-size-16);
                margin-left: -60px;
            }

            .page-sitemap .sitemap-content .rich-text h4 {
                font-size: var(--font-size-15);
                margin-left: -30px;
            }

            .page-sitemap .sitemap-content .rich-text h5 {
                font-size: var(--font-size-14);
                margin-left: -60px;
            }

            .page-sitemap .sitemap-content .rich-text h3 + h4 {
                margin-top: 1em;
            }

#blazor-error-ui {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 -10px 30px 0 red;
    z-index: 100;
    border: 2px solid #f00;
    display: none;
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.py-1-5 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.py-2 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.py-3 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.py-6 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.py-4-5 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.pt-0 {
    padding-top: 0!important;
}

.pt-6 {
    padding-top: 60px;
}

.pb-3 {
    padding-bottom: 30px!important;
}

.pb-4-5 {
    padding-bottom: 45px!important;
}

.pb-6 {
    padding-bottom: 60px;
}

.pb-1-5 {
    padding-bottom: 15px;
}

.pt-9 {
    padding-top: 90px;
}

.pt-7-5 {
    padding-top: 75px;
}

.px-2 {
    padding-left: 20px;
    padding-right: 20px;
}

.py-1 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.py-2 {
    padding: 20px;
}

.m-0 {
    margin: 0!important;
}

.mt-0 {
    margin-top: 0!important;
}

.mt-1 {
    margin-top: 10px;
}

.mt-2 {
    margin-top: 20px;
}

.mt-3 {
    margin-top: 30px!important;
}

.mt-6 {
    margin-top: 60px;
}

.mr-1 {
    margin-right: 10px!important;
}

.my-3 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.my-1-5 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mt-1-5 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: 10px;
}

.mb-2 {
    margin-bottom: 20px;
}

.mb-3 {
    margin-bottom: 30px;
}

.ml-3 {
    margin-left: 30px;
}

.bg-warning {
    background-color: var(--color-red-faint);
}

_dummary {
    color: #9cdbf8;
}

.rich-text {
    font-size: var(--font-size-18);
    padding: 0 15px;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 400;
}

    .rich-text > *:first-child {
        margin-top: 0;
    }

    .rich-text ul, .rich-text ol {
        padding-left: 1.6rem;
        max-width: 720px;
    }

        .rich-text ul li:not(:last-child), .rich-text ol li:not(:last-child) {
            margin-bottom: .4em;
        }

    .rich-text p, .rich-text ul {
        max-width: 720px;
    }

        .rich-text p:empty {
            margin: 0;
            padding: 0;
        }

    .rich-text ul, .rich-text ol {
        padding-left: 1.6em;
    }

        .rich-text ul.list-style-none, .rich-text ol.list-style-none {
            list-style: none;
        }

        .rich-text ul.two-col-ul-list {
            column-count: 2;
            column-gap: 30px;
            max-width: 600px;
            list-style: none;
            padding-left: 0;
        }

            .rich-text ul.two-col-ul-list li {
                break-inside: avoid;
                margin-bottom: 1em;
            }

        .rich-text ul.two-col-ul-list-full-width {
            column-count: 2;
            column-gap: 30px;
            max-width: 100%;
            list-style: none;
            padding-left: 0;
        }

            .rich-text ul.two-col-ul-list-full-width li {
                break-inside: avoid;
                margin-bottom: 1em;
            }

        .rich-text ul.four-col-ul-list-full-width {
            column-count: 4;
            column-gap: 30px;
            max-width: 100%;
            list-style: none;
            padding-left: 0;
        }

            .rich-text ul.four-col-ul-list-full-width li {
                break-inside: avoid;
                margin-bottom: 1em;
            }

    .rich-text em {
        font-style: italic;
    }

    .rich-text strong, .rich-text b, .rich-text bold {
        font-weight: 600;
    }

    .rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6 {
        font-weight: 600;
        font-family: Montserrat;
    }

        .rich-text h1:not(:first-child), .rich-text h2:not(:first-child), .rich-text h3:not(:first-child), .rich-text h4:not(:first-child), .rich-text h5:not(:first-child), .rich-text h6:not(:first-child) {
            margin-top: 3rem;
        }

        .rich-text h1 strong, .rich-text h1 b, .rich-text h1 bold, .rich-text h2 strong, .rich-text h2 b, .rich-text h2 bold, .rich-text h3 strong, .rich-text h3 b, .rich-text h3 bold, .rich-text h4 strong, .rich-text h4 b, .rich-text h4 bold, .rich-text h5 strong, .rich-text h5 b, .rich-text h5 bold, .rich-text h6 strong, .rich-text h6 b, .rich-text h6 bold {
            font-weight: 600;
        }

    .rich-text p {
        line-height: 1.4em;
    }

    .rich-text h2 {
        color: #b62126;
        font-size: var(--font-size-16);
        margin-bottom: 3rem;
    }

        .rich-text h2:not(:first-child) {
            margin-top: 6rem;
        }

    .rich-text h1 {
        font-size: var(--font-size-18);
    }

    .rich-text h3 {
        font-size: var(--font-size-16);
    }

    .rich-text h4 {
        font-size: var(--font-size-16);
    }

    .rich-text h5 {
        font-size: var(--font-size-16);
    }

    .rich-text h6 {
        font-size: var(--font-size-16);
    }

    .rich-text img {
        max-width: 100%;
    }

        .rich-text img.align-left, .rich-text img.alignleft {
            float: left;
            margin-right: 30px;
            margin-bottom: 30px;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .rich-text img.align-right, .rich-text img.alignright {
            float: right;
            margin-left: 30px;
            margin-bottom: 30px;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .rich-text img.align-center, .rich-text img.aligncenter {
            margin-left: auto;
            margin-right: auto;
            margin-top: 0;
            margin-bottom: 30px;
        }

        .rich-text img.d-block {
            display: block;
        }

    .rich-text video {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 1em 0;
    }

    .rich-text a {
        color: #0077bf;
        text-decoration: none;
    }

        .rich-text a:hover {
            text-decoration: underline;
        }

        .rich-text a.link-button {
            display: inline-block;
            vertical-align: baseline;
            color: #fff;
            background-color: #0077bf;
            text-decoration: none;
            padding: 8px 12px;
            margin-top: 30px;
            margin-bottom: 15px;
            margin-right: 15px;
        }

    .rich-text ul.row-two-col {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
        list-style: none;
        padding: 0;
        width: 100%;
        max-width: none;
    }

        .rich-text ul.row-two-col > li {
            padding: 15px;
            width: 50%;
        }

    .rich-text ul.row-three-col {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
        list-style: none;
        padding: 0;
        width: 100%;
        max-width: none;
    }

        .rich-text ul.row-three-col > li {
            padding: 15px;
            width: 33.33%;
        }

    .rich-text ul.row-four-col {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
        list-style: none;
        padding: 0;
        width: 100%;
        max-width: none;
    }

        .rich-text ul.row-four-col > li {
            padding: 15px;
            width: 25%;
        }

    .rich-text .row {
        margin: 0 -15px;
        display: flex;
        flex-wrap: wrap;
    }

        .rich-text .row > .col {
            flex-basis: 0;
            flex-grow: 1;
            padding: 15px;
        }

        .rich-text .row > .col-half {
            width: 50%;
        }

    .rich-text figure {
        padding: 0;
        margin: 10px 0;
    }

        .rich-text figure img {
            display: block;
        }

        .rich-text figure figcaption {
            padding: 4px 0;
            font-size: var(--font-size-14);
            max-width: 720px;
        }

            .rich-text figure figcaption:empty {
                padding: 0;
            }

        .rich-text figure.align-left, .rich-text figure.alignleft {
            float: left;
            margin-right: 30px;
            margin-bottom: 30px;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .rich-text figure.align-right, .rich-text figure.alignright {
            float: right;
            margin-left: 30px;
            margin-bottom: 30px;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .rich-text figure.align-center, .rich-text figure.aligncenter {
            margin-left: auto;
            margin-right: auto;
            margin-top: 0;
            margin-bottom: 30px;
        }

    .rich-text ul figure {
        margin: 0;
    }

    .rich-text figure {
        padding: 0;
        margin: 30px 0;
        position: relative;
    }

        .rich-text figure img {
            display: block;
        }

            .rich-text figure img.link-card ~ figcaption {
                position: absolute;
                left: 0;
                bottom: 0;
                right: 0;
                padding: 30px;
                padding: 30px;
                color: var(--color-white);
                font-size: var(--font-size-18);
                -webkit-backdrop-filter: blur(30px) saturate(180%);
                backdrop-filter: blur(30px) saturate(180%);
            }

                .rich-text figure img.link-card ~ figcaption a {
                    display: inline-block;
                    vertical-align: baseline;
                    color: inherit;
                }

    .rich-text iframe {
        max-width: 100%;
        max-width: 720px;
        width: 100%;
        aspect-ratio: 16/9;
        border: 0;
        outline: 0;
    }

    .rich-text table.no-table {
        color: #f00;
        display: block;
        border: 0;
    }

        .rich-text table.no-table thead {
            display: block;
        }

        .rich-text table.no-table tbody {
            display: block;
        }

        .rich-text table.no-table tfoot {
            display: block;
        }

        .rich-text table.no-table caption {
            display: block;
        }

        .rich-text table.no-table tr {
            display: flex;
        }

            .rich-text table.no-table tr td {
                flex-basis: 0;
                flex-grow: 1;
                border: 0;
            }

    .rich-text table {
        border: 0!important;
    }

        .rich-text table td, .rich-text table th {
            height: auto!important;
            width: auto!important;
        }

        .rich-text table.table-bg-gray {
            background-color: #e6e7e8;
            border: 0;
            margin: 15px 0;
            width: 100%!important;
            border-left: 15px solid #e6e7e8;
            border-right: 15px solid #e6e7e8;
            border-collapse: separate;
        }

            .rich-text table.table-bg-gray caption {
                text-align: right;
                background-color: #fff;
            }

            .rich-text table.table-bg-gray th {
                font-weight: 600;
                text-align: left;
            }

            .rich-text table.table-bg-gray td, .rich-text table.table-bg-gray th {
                padding: 12px;
                border: 0;
            }

                .rich-text table.table-bg-gray td:last-child, .rich-text table.table-bg-gray th:last-child {
                    text-align: right;
                }

            .rich-text table.table-bg-gray tbody {
                border-top: 1px solid #bbbdbf;
            }

                .rich-text table.table-bg-gray tbody td, .rich-text table.table-bg-gray tbody th {
                    border-bottom: 1px solid #bbbdbf;
                }

            .rich-text table.table-bg-gray tfoot td, .rich-text table.table-bg-gray tfoot th {
                font-weight: 600;
            }

            .rich-text table.table-bg-gray thead td, .rich-text table.table-bg-gray thead th {
                font-weight: 600;
            }

            .rich-text table.table-bg-gray td, .rich-text table.table-bg-gray th {
                width: auto!important;
                height: auto!important;
            }

        .rich-text table.table-border-bottom {
            width: 100%!important;
            border: 0!important;
            border-collapse: separate;
        }

            .rich-text table.table-border-bottom td, .rich-text table.table-border-bottom th {
                border: 0;
                border-bottom: 1px solid var(--color-gray-4);
                padding: 12px;
                text-align: left;
                vertical-align: top;
            }

                .rich-text table.table-border-bottom td:first-child, .rich-text table.table-border-bottom th:first-child {
                    padding-left: 0;
                }

                .rich-text table.table-border-bottom td:last-child, .rich-text table.table-border-bottom th:last-child {
                    padding-right: 0;
                }

        .rich-text table.table-admission-important-dates {
            margin-top: 30px;
            margin-bottom: 30px;
            border-collapse: collapse;
            width: 100%;
            table-layout: fixed;
            font-size: var(--font-size-18);
        }

            .rich-text table.table-admission-important-dates caption {
                text-align: left;
                padding-bottom: 15px;
            }

            .rich-text table.table-admission-important-dates td {
                border-bottom: 1px solid var(--color-gray-3);
                padding: 10px 8px 10px 0;
            }

            .rich-text table.table-admission-important-dates tr:last-child td {
                border-bottom: 0;
            }

    .rich-text details {
        margin: 30px 0;
    }

        .rich-text details summary:hover {
            background-color: var(--color-gray-4);
        }

.mce-content-body * {
    box-sizing: border-box;
}

.mce-content-body p:empty, .mce-content-body p {
    margin: 1em 0;
}

.mce-content-body .row {
    margin: 10px 0;
    padding: 5px;
    background-color: #eee;
}

    .mce-content-body .row .col {
        padding: 10px;
        margin: 5px;
        background-color: #fff;
    }

.mce-content-body ul.row-two-col, .mce-content-body ul.row-three-col, .mce-content-body ul.row-four-col {
    position: relative;
    margin: 10px 0;
    padding: 5px;
    background-color: #eee;
}

    .mce-content-body ul.row-two-col > li, .mce-content-body ul.row-three-col > li, .mce-content-body ul.row-four-col > li {
        padding: 10px;
        margin: 0;
        border: 5px solid #eee;
        background-color: #fff;
    }

    .mce-content-body ul.row-two-col:before, .mce-content-body ul.row-three-col:before, .mce-content-body ul.row-four-col:before {
        position: absolute;
        display: block;
        font-size: 10px;
        top: -10px;
        left: 10px;
        right: 10px;
    }

    .mce-content-body ul.row-two-col:before {
        content: "Two column Row";
    }

    .mce-content-body ul.row-three-col:before {
        content: "Three column Row";
    }

    .mce-content-body ul.row-four-col:before {
        content: "Four column Row";
    }

.mce-content-body ul.two-col-ul-list-full-width {
    background-color: #eee;
    padding: 5px;
    margin: 10px 0;
    position: relative;
}

    .mce-content-body ul.two-col-ul-list-full-width:before {
        content: "Two column unordered list. (Full Width)";
        position: absolute;
        display: block;
        font-size: 10px;
        top: -10px;
        left: 10px;
        right: 10px;
    }

    .mce-content-body ul.two-col-ul-list-full-width li {
        background-color: #fff;
        padding: 5px;
    }

    .mce-content-body ul.two-col-ul-list-full-width + .mce-content-body ul.two-col-ul-list-full-width {
        margin-top: 30px;
    }

.mce-content-body ul.four-col-ul-list-full-width {
    background-color: #eee;
    padding: 5px;
    margin: 10px 0;
    position: relative;
}

    .mce-content-body ul.four-col-ul-list-full-width:before {
        content: "Four column unordered list. (Full Width)";
        position: absolute;
        display: block;
        font-size: 10px;
        top: -10px;
        left: 10px;
        right: 10px;
    }

    .mce-content-body ul.four-col-ul-list-full-width li {
        background-color: #fff;
        padding: 5px;
    }

.mce-content-body figure img {
    display: block;
}

    .mce-content-body figure img.link-card ~ figcaption {
        background-color: rgba(255,255,255,.74);
        padding: 30px;
    }

.mce-content-body figure figcaption:empty {
    padding: 4px;
}

.mce-content-body details {
    background-color: #eee;
    padding: 5px;
    margin: 30px 0;
    position: relative;
}

    .mce-content-body details:before {
        content: "Details View";
        position: absolute;
        display: block;
        font-size: 10px;
        top: -10px;
        left: 10px;
        right: 10px;
    }

    .mce-content-body details summary {
        background-color: #fff;
        padding: 5px;
    }

@media only screen and (max-width:1250px) {
    .page-nav, .page-secondary-nav {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width:767px) {
    html {
        min-width: 320px!important;
    }

    header.site-header .header-row {
        flex-wrap: wrap;
    }

        header.site-header .header-row .site-search-form {
            border-right: 1px solid var(--color-gray-4);
        }

        header.site-header .header-row .site-identity {
            width: 100%;
            padding: 15px;
        }

        header.site-header .header-row .menu .site-search-form {
            padding-right: 0;
            padding-left: 15px;
        }

            header.site-header .header-row .menu .site-search-form button {
                margin: auto;
            }

            header.site-header .header-row .menu .site-search-form input[type=search] {
                display: none;
            }

        header.site-header .header-row .menu {
            border-top: 1px solid var(--color-gray-4);
            width: 100%;
            display: flex;
        }

            header.site-header .header-row .menu .menu-row {
                justify-items: center;
                justify-content: center;
                flex-basis: 0;
                flex-grow: 1;
            }

                header.site-header .header-row .menu .menu-row:first-child {
                    border-bottom: 0!important;
                }

                header.site-header .header-row .menu .menu-row > * {
                    flex-basis: 0;
                    flex-grow: 1;
                }

            header.site-header .header-row .menu .nav-toggle {
                margin-left: 15px;
                margin-right: 15px;
            }

            header.site-header .header-row .menu .accessibility-controls {
                border-right: 1px solid var(--color-gray-4);
                border-left: 0;
                width: auto;
                padding: 10px;
            }

            header.site-header .header-row .menu .menu-row:last-child {
                flex-direction: row-reverse;
            }

            header.site-header .header-row .menu nav {
                display: none;
            }

    .content-wrapper {
        padding: 0 15px;
    }

    .mega-menu .close {
        margin-right: 0;
        margin-left: 15px;
    }

    .mega-menu .mega-menu-header {
        padding: 15px;
    }

    .mega-menu .mega-menu-body {
        padding-top: 30px;
    }

        .mega-menu .mega-menu-body h3 {
            font-size: 36px;
        }

        .mega-menu .mega-menu-body .row {
            flex-wrap: wrap;
        }

            .mega-menu .mega-menu-body .row .col-4 {
                width: 100%;
            }

    .mega-menu .mega-menu-footer .row {
        flex-wrap: wrap;
    }

        .mega-menu .mega-menu-footer .row .col-4 {
            width: 100%;
        }

    .mega-menu .mega-menu-footer .intra-link {
        margin: 15px 15px 15px 0;
        width: 100%;
        max-width: 100%;
        min-width: auto;
        display: block;
    }

    .home-gallery {
        --home-gallery-height:auto;
        --home-gallery-min-height:380px;
    }

        .home-gallery .slide {
            overflow: hidden;
            min-height: auto;
        }

            .home-gallery .slide picture, .home-gallery .slide .image {
                margin: 0;
                padding: 0;
                background-image: none!important;
                overflow: hidden;
                height: auto;
            }

                .home-gallery .slide picture .after, .home-gallery .slide .image .after {
                    display: none;
                }

            .home-gallery .slide .content {
                bottom: 60px;
            }

            .home-gallery .slide .text {
                padding: 0;
                max-width: 100%;
            }

                .home-gallery .slide .text h2 {
                    font-size: var(--font-size-24);
                    margin-top: .5em;
                }

            .home-gallery .slide.layout-right.has-blur picture:after {
                display: none;
            }

            .home-gallery .slide.layout-right .text {
                width: 100%;
                max-width: 100%;
            }

            .home-gallery .slide.layout-left.has-blur picture:after {
                display: none;
            }

            .home-gallery .slide.layout-left .text {
                width: 100%;
                max-width: 100%;
            }

        .home-gallery .control {
            top: auto;
            bottom: 5px;
            height: 30px;
            z-index: 5;
            transform: none;
        }

    .home-annoucements .annoucements-list {
        width: auto;
        overflow: auto;
        flex-wrap: nowrap;
    }

        .home-annoucements .annoucements-list .annoucements-item {
            width: 80%;
            flex-shrink: 0;
        }

    .home-events .home-events-grid div.sidebar {
        display: none;
    }

    .home-events .home-events-grid .event-cards-aside {
        overflow: auto;
    }

        .home-events .home-events-grid .event-cards-aside li.event-card {
            width: 90%;
            max-width: 280px;
            scroll-snap-align: center;
        }

    .home-events .home-events-grid .events-group .controls {
        display: none;
    }

    .home-events .home-events-grid div.content-area {
        padding-left: 0;
        padding-right: 0;
    }

    .page-secondary-nav a.events-calendar-view {
        display: none;
    }

    .events-listing-grid aside {
        left: 0;
        right: 0;
        z-index: 1;
        background-color: #fff;
        padding-left: 0;
        padding-right: 0;
        width: 20px;
        overflow: hidden;
        margin-left: -20px;
        margin-right: 20px;
        position: relative;
        display: none;
    }

        .events-listing-grid aside button.expander {
            width: 20px;
            height: 100%;
            border: 0;
            background-color: var(--color-sky-blue);
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            display: block;
        }

    .events-listing-grid.aside-open aside {
        width: 100%;
        padding-left: 20px;
        padding-right: 40px;
    }

        .events-listing-grid.aside-open aside button.expander {
            background-image: url(/images/assets/icons/icon-chevron-circle-right.svg);
            background-position: center center;
            background-size: 90% auto;
        }

    .events-listing-grid.aside-open main {
        width: 0;
        overflow: hidden;
    }

    .events-listing-grid main {
        padding-left: 0;
        margin-left: 0;
    }

    .events-listing-grid .event-cards li.event-card {
        flex-wrap: wrap;
    }

        .events-listing-grid .event-cards li.event-card .matter {
            width: auto;
        }

        .events-listing-grid .event-cards li.event-card .options {
            margin: 0;
            padding: 0;
            margin-top: 15px;
            width: auto;
        }

    .home-navigation-tiles {
        margin: 0;
    }

        .home-navigation-tiles li {
            margin: 0 0 15px 0;
        }

            .home-navigation-tiles li:last-child {
                margin-bottom: 0;
            }

    .contribute-footer {
        font-size: 22px;
    }

        .contribute-footer a {
            width: 100%;
        }

    .home-latest-at-iiser ul {
        margin: 0;
    }

        .home-latest-at-iiser ul li {
            width: 100%;
            padding: 0;
            margin: 15px 0;
        }

    .site-footer .footer-inner .footer-inner-content .row {
        flex-wrap: wrap;
    }

        .site-footer .footer-inner .footer-inner-content .row .col {
            width: 100%;
        }

    .site-footer .footer-site-links {
        column-count: auto;
    }

    .site-footer .intra-links {
        max-width: none;
        margin-top: 30px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        flex-basis: auto;
        flex-grow: 0;
        gap: 0;
    }

    .site-footer .intra-link {
        width: 100%;
        margin: 15px 0;
        flex-basis: auto;
        flex-shrink: 0;
    }

    .site-footer .footer-end-row ul {
        flex-wrap: wrap;
    }

        .site-footer .footer-end-row ul li {
            width: 50%;
            padding: 7.5px 15px;
            margin-bottom: 10px;
        }

    .page-hero .image {
        overflow: hidden;
    }

        .page-hero .image img {
            width: auto;
            max-width: none;
            height: 100%;
            width: 100%;
            object-fit: cover;
            object-position: center center;
        }

    .page-nav {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        overflow: auto;
    }

        .page-nav a {
            white-space: nowrap;
        }

        .page-nav::-webkit-scrollbar {
            height: initial;
            background-image: none;
            height: 0;
            width: 0;
        }

        .page-nav::-webkit-scrollbar-thumb {
            background-color: initial;
            border-radius: 0;
            background-size: auto;
            background-position: initial;
            background-repeat: initial;
        }

    .page-secondary-nav {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        overflow: auto;
        border-bottom: 1px solid #efefef;
    }

        .page-secondary-nav a {
            white-space: nowrap;
        }

        .page-secondary-nav::-webkit-scrollbar {
            height: initial;
            background-image: none;
            height: 0;
            width: 0;
        }

        .page-secondary-nav::-webkit-scrollbar-thumb {
            background-color: initial;
            border-radius: 0;
            background-size: auto;
            background-position: initial;
            background-repeat: initial;
        }

    .article-and-aside {
        flex-wrap: wrap;
    }

        .article-and-aside > article {
            width: 100%;
            overflow: auto;
        }

        .article-and-aside > aside {
            padding-top: 60px;
            margin-top: 60px;
            border-top: 1px solid var(--color-gray-4);
            width: 100%;
        }

    .people-list li {
        width: 50%;
    }

    .people-list article .image {
        width: 100%;
    }

    .student-list li {
        width: 100%;
        margin-right: 0;
    }

    .student-lists-filter .form-group label {
        width: 90px;
    }

    form[name=PeopleSearchForm] {
        float: none;
        margin: 0 0 30px 0;
        width: 100%;
    }

    .department-wide-card, .wide-card {
        flex-direction: column;
    }

        .department-wide-card .image, .wide-card .image {
            width: 100%;
        }

        .department-wide-card .text, .wide-card .text {
            padding: 15px;
        }

    .rich-text {
        word-break: break-word;
    }

        .rich-text figure img.link-card ~ figcaption {
            padding: 15px;
            position: static;
            background-color: var(--color-dark);
        }

        .rich-text .row .col-half, .rich-text .row .col, .rich-text .row .col-2 {
            width: 100%;
            flex-basis: auto;
        }

        .rich-text ul.row-two-col, .rich-text ul.row-three-col, .rich-text ul.row-four-col {
            margin-left: 0;
            margin-right: 0;
        }

            .rich-text ul.row-two-col > li, .rich-text ul.row-three-col > li, .rich-text ul.row-four-col > li {
                width: 100%;
                padding: 15px 0;
            }

        .rich-text ul.two-col-ul-list {
            column-count: auto;
        }

        .rich-text ul.two-col-ul-list-full-width {
            column-count: auto;
        }

    .news-card article {
        flex-direction: column;
    }

        .news-card article .image {
            width: 100%;
            flex-shrink: 0;
            flex-grow: 0;
        }

        .news-card article div.text {
            margin-left: 0;
            padding-top: 15px;
        }

    .news-cards-scroll-controls {
        display: none;
    }

    .news-cards.news-cards-pinned {
        margin-top: 0;
        margin-bottom: 0;
        overflow: auto;
    }

        .news-cards.news-cards-pinned .news-card {
            width: 90%;
        }

    .page-news-post section.news-post-section header .text {
        margin-left: 0;
    }

    .page-news-post section.news-post-section header .news-post-section-header-row {
        display: block;
    }

    .page-news-post section.news-post-section header .sharer {
        width: 100%;
        margin-top: 30px;
    }

    .page-news-post section.news-post-section .post-main {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        flex-wrap: wrap;
    }

        .page-news-post section.news-post-section .post-main aside.post-aside {
            width: 100%;
            margin: 60px 0 0 0;
        }

    .nav-pagination .pagination {
        display: none;
    }

    .nav-pagination .nav-pagination-control {
        width: 50%;
        text-align: center;
    }

    .nav-pagination .nav-pagination-control-last {
        display: none;
    }

    .nav-pagination .nav-pagination-control-first {
        display: none;
    }

    .page-person-profile .name-card {
        display: flex;
        flex-wrap: wrap;
    }

        .page-person-profile .name-card .image {
            margin-right: 0;
            margin-bottom: 30px;
            flex-shrink: 1;
        }

            .page-person-profile .name-card .image img {
                display: block;
                border-radius: 10px;
                width: 100%;
                max-width: 100%;
            }

        .page-person-profile .name-card .text a {
            color: var(-\2d color-sky-blue);
        }
}