/* eRevision should be programmed to support max 1440px width (restrict content to this width for sensibility, even if the screen is wider, eg a 60" TV) */
/* eRevision should be programmed to support min 320px width (smallest mobile width iPhone 5) */
/* eRevision should be programmed to support unlimited max height */
/* eRevision should be programmed to support min 320 height (smallest mobile width in landscape) */

/*
MAKING CHANGES? PLEASE READ THIS FIRST!

We have been encountering problems where changes made to a CSS file do not take effect for all our users, as their device has cached the file, and does not know when to refresh the content.
To resolve this, there is a get variable on the end of the .css links; when this variable changes, the browser will refresh the contents of the file.
The variable is *filename*.css?version=091526032024

Where did the 301120202359 come from, and what are you meant to change it to?
30=30th day
06=6th month
2020=the year
15=24hr hour value
35=minute value

Any time changes are made to this CSS file, update the version value in accordance with the above scheme by searching the repository and updating relevant locations.

Note: Some instances use filemtime() to get the last modified time of the file, and this is used to update the version number. This is not always the case, so please check the file before updating the version number.
*/

/* User Role Mobile Version */
#globalTopNav .mobile-nav-toggle-background .mobile-nav-toggle.mobile-upper-nav-toggle label.navbarLogo {
    background: none;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 0;
    margin-bottom: 0px;
    border-left: rgba(255, 255, 255, 0.3) solid 4px;
    font-family: 'Montserrat', sans-serif;
    white-space: nowrap;
    font-weight: bold;
    cursor: pointer;
    padding-left: 2vw;
    padding-right: 2vw;
    margin-left: 2vw;
    float: left;
    align-self: center;
}

#globalTopNav .mobile-nav-toggle-background .mobile-nav-toggle.mobile-lower-nav-toggle label.navbarLogo {
    background: none;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 0;
    margin-bottom: 0px;
    border-right: rgba(255, 255, 255, 0.3) solid 4px;
    font-family: 'Montserrat', sans-serif;
    white-space: nowrap;
    font-weight: bold;
    cursor: pointer;
    padding-right: 2vw;
    float: left;
}

@media (max-width: 1200px) { /* Less than 1200px */
    #globalTopNav .nav {
        width: 90%;
    }
}

@media print and (max-width: 1030px) {
    .copyrightForPrintOnly {
        font-size: 12px;
        top: 5px;
    }
}

@media (max-height: 440px) {

    #globalTopNav .upper-nav,
    #globalTopNav .lower-nav {
        display: none;
        flex-direction: column;
    }

    #globalTopNav .nav.nav-open {
        display: flex;
    }

    #globalTopNav .mobile-nav-toggle-background {
        display: block;
    }

    #globalTopNav .nav-container {
        position: absolute;
        display: inline-block;
        top: 42px;
        left: unset;
        right: 0 !important;
        width: 100% !important;
        margin: 0;
        padding: 0;
        text-align: center;
        box-sizing: border-box;
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: transparent;
        background-color: #006a98;
    }

    #globalTopNav .nav-container:has(.upper-nav) {
        top: 42px;
    }

    #globalTopNav .nav-container:has(.lower-nav) {
        top: 80px;
    }

    #globalTopNav .nav.nav-open .navbarLogoDesktop {
        display: none;
    }

    #globalTopNav .mobile-nav-toggle-background .mobile-nav-toggle .navbarLogoMobile,
    #globalTopNav .mobile-nav-toggle-background .mobile-nav-toggle .mobile-nav-toggle-icon {
        display: inline-block;
    }

    /* eRevision Logo - on main-nav unordered upper left list in the container */
    #globalTopNav .mobile-nav-toggle-background .mobile-nav-toggle a.navbarLogo {
        background-color: #FFF;
        border-radius: 10px;
        padding-top: 0px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 0px;
        white-space: nowrap;
        color: rgba(0, 0, 0, 0.9);
        font-family: 'Montserrat', sans-serif;
        font-size: 1.25rem;
        font-weight: bold;
        line-height: 1.5;
        float: left;
    }

    #globalTopNav .mobile-nav-toggle {
        width: 100%;
        margin: 0 auto;
        padding-right: 10px;
        padding-left: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    #globalTopNav .mobile-nav-toggle.mobile-lower-nav-toggle {
        background: #004f6f;
    }

    #globalTopNav .nav {
        width: 100%;
    }

    #globalTopNav .upper-nav-background {
        line-height: 0.5;
    }

    #globalTopNav .lower-nav-background {
        background: #004f6f;
    }

    #globalTopNav .lower-nav-background {
        background: #004f6f !important;
    }

    #globalTopNav .nav-section {
        padding-right: 8px;
    }

    #globalTopNav .upper-nav.nav-open .nav-section,
    #globalTopNav .lower-nav.nav-open .nav-section {
        flex-direction: row;
        justify-content: right;
        flex-wrap: wrap;
    }

    #globalTopNav .nav-section li.left > a,
    #globalTopNav .nav-section li.left > span {
        text-align: left;
    }

    /* All subsequent dropdown levels */
    #globalTopNav .nav-section li.dropdown-toggle.dropdown-open ul.dropdown li.dropdown-toggle.dropdown-open > ul.dropdown {
        left: 0;
        right: 100%;
        top: 0;
        position: absolute;
        border-radius: 0rem 0rem 0.375rem 0.375rem;
        border-left: 1px solid rgba(0, 0, 0, 0.175);
        border-right: 1px solid rgba(0, 0, 0, 0.175);
        border-bottom: 1px solid rgba(0, 0, 0, 0.175);
        border-top: 0;
    }

    /* Adjust sub-nav to open to the left parent items */
    #globalTopNav .nav-section li.dropdown-toggle.dropdown-open ul.dropdown li.dropdown-toggle.dropdown-open > ul.dropdown {
        right: 100%;
        left: auto;
        border-radius: 0.375rem 0rem 0.375rem 0.375rem;
    }

    #globalTopNav .nav-section li.dropdown-toggle.dropdown-open ul.dropdown li.dropdown-toggle.dropdown-open ul.dropdown li.dropdown-toggle.dropdown-open > ul.dropdown {
        top: unset !important;
        bottom: 0 !important;
        border-radius: 0.375rem 0.375rem 0rem 0.375rem !important;
        left: 0;
        right: 100%;
        top: 0;
        position: absolute;
        border-radius: 0rem 0rem 0.375rem 0.375rem;
        border-left: 1px solid rgba(0, 0, 0, 0.175);
        border-right: 1px solid rgba(0, 0, 0, 0.175);
        border-bottom: 1px solid rgba(0, 0, 0, 0.175);
        border-top: 0;
        right: 100%;
        left: auto;
    }

    #globalTopNav .mobile-nav-toggle-background .mobile-nav-toggle {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    #globalTopNav .nav-section.left-nav li.dropdown-toggle ul.dropdown li.dropdown-toggle > span::after {
        display: none;
    }

    #globalTopNav .nav-section li.dropdown-toggle.dropdown-open ul.dropdown li.dropdown-toggle.dropdown-open > span::after {
        border-top: unset !important;
        border-right: unset !important;
        border-bottom: unset !important;
        border-left: unset !important;
    }

    /* All list items on the first nav levels - those that contain sub-navs */
    #globalTopNav .nav-section > li.dropdown-toggle {
        padding-right: unset !important;
        padding-left: 10px !important;
    }

    #globalTopNav .nav-section > li.dropdown-toggle > span::after {
        display: none !important;
    }

    #globalTopNav .nav-section > li.dropdown-toggle > span::before {
        display: inline-block;
        margin-left: -0.855em;
        content: "";
        border-top: 0.3em solid white;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-right: 10px;
    }

    #globalTopNav .nav-section.left-nav li.dropdown-toggle ul.dropdown li.dropdown-toggle > span::before {
        display: inline-block;
        margin-left: 0;
        content: "";
        border-top: 0.3em solid white;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 7px;
    }

    #globalTopNav .nav-section.left-nav li.dropdown-toggle ul.dropdown li.dropdown-toggle > span:hover::before {
        border-top: 0.3em solid transparent;
        border-right: 0.3em solid #ffe600;
        border-bottom: 0.3em solid transparent;
        border-left: 0;
    }

    #globalTopNav .nav-section.left-nav li.dropdown-toggle.dropdown-open ul.dropdown li.dropdown-toggle.dropdown-open > span::before {
        border-top: 0.3em solid transparent;
        border-right: 0.3em solid #ffc107;
        border-bottom: 0.3em solid transparent;
        border-left: 0;
    }

    /* All list item text holders on the first nav levels - those that contain sub-navs */
    #globalTopNav .nav-section li.dropdown-toggle > span,
    #globalTopNav .nav-section li.dropdown-toggle > a {
        padding-left: 20px;
        padding-right: 12px !important;
    }
}

@media (min-height: 440px) and (max-width: 1130px) {

    #globalTopNav .mobile-nav-toggle-background {
        display: block;
    }

    #globalTopNav .nav-container {
        float: right;
        width: fit-content;
        border-top: 1px solid rgba(0, 0, 0, 0.175);
        right: 0%;
        left: unset;
        top: 42px;
        position: absolute;
    }

    #globalTopNav .nav-container:has(.upper-nav.nav-open) {
        top: 42px;
    }

    #globalTopNav .nav-container:has(.lower-nav.nav-open) {
        top: 80px;
    }

    #globalTopNav .mobile-nav-toggle {
        width: 100%;
        margin: 0 auto;
        padding-right: 10px;
        padding-left: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    #globalTopNav .mobile-nav-toggle.mobile-lower-nav-toggle {
        background: #004f6f;
    }

    #globalTopNav .nav {
        width: 100%;
    }

    #globalTopNav .upper-nav-background {
        line-height: 0.5;
    }

    #globalTopNav .lower-nav-background {
        background: #004f6f;
    }

    /* All list items on the first nav levels - those that contain sub-navs */
    #globalTopNav .nav-section.right-nav > li.dropdown-toggle {
        padding-left: 0px;
    }

    #globalTopNav .nav-section.left-nav > li.dropdown-toggle {
        padding-right: 0px;
    }

    #globalTopNav .nav-section > li.dropdown-toggle > span::before {
        display: inline-block;
        margin-left: -0.855em;
        content: "";
        border-top: 0.3em solid white;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-right: 10px;
    }

    #globalTopNav .nav-section > li.dropdown-toggle.dropdown-open > span::before {
        display: inline-block;
        margin-left: -.855em;
        content: "";
        border-top: 0.3em solid transparent;
        border-right: 0.3em solid white;
        border-bottom: 0.3em solid transparent;
        border-left: 0;
        transform: rotate(-90deg);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-right: 10px;
    }

    #globalTopNav .nav-section.right-nav li.dropdown-toggle ul.dropdown > li.dropdown-toggle > span::after {
        display: inline-block;
        margin-left: 0.355em;
        content: "";
        border-top: 0.3em solid white;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-right: 10px;
    }

    #globalTopNav .nav-section.left-nav > li.dropdown-toggle > span::after {
        display: none;
    }

    #globalTopNav .nav-section.right-nav li.dropdown-toggle ul.dropdown li.dropdown-toggle > span::before {
        display: none;
    }

    /* All list item text holders on the first nav levels - those that contain sub-navs */
    #globalTopNav .nav.nav-open .nav-section > li.dropdown-toggle > span,
    #globalTopNav .nav.nav-open .nav-section > li.dropdown-toggle > a {
        padding-left: 20px;
    }

    #globalTopNav .nav.nav-open .nav-section li.dropdown-toggle > span::before {
        border-top: 0.3em solid white;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    #globalTopNav .nav.nav-open .nav-section li.dropdown-toggle.dropdown-open > span::before {
        border-top: 0.3em solid transparent;
        border-right: 0.3em solid #ffc107;
        border-bottom: 0.3em solid transparent;
        border-left: 0;
    }

    #globalTopNav .nav.nav-open .nav-section li.dropdown-toggle.dropdown-open > span:hover::before {
        border-top: 0.3em solid transparent;
        border-right: 0.3em solid #ffc107;
        border-bottom: 0.3em solid transparent;
        border-left: 0;
    }

    #globalTopNav .nav.nav-open .nav-section li.dropdown-toggle > span:hover::before {
        border-top: 0.3em solid transparent;
        border-right: 0.3em solid #ffe600;
        border-bottom: 0.3em solid transparent;
        border-left: 0;
    }

    #globalTopNav .nav.nav-open .nav-section li.dropdown-toggle.dropdown-open ul.dropdown li.dropdown-toggle.dropdown-open > span::after {
        border-top: 0.3em solid #ffc107;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    #globalTopNav .nav.nav-open .nav-section li.dropdown-toggle.dropdown-open ul.dropdown li.dropdown-toggle.dropdown-open > span:hover::after {
        border-top: 0.3em solid #ffc107;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    #globalTopNav .nav.nav-open .nav-section li.dropdown-toggle.dropdown-open ul.dropdown li.dropdown-toggle > span:hover::after {
        border-top: 0.3em solid #ffe600;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    #globalTopNav .nav.nav-open .navbarLogoDesktop {
        display: none;
    }

    #globalTopNav .mobile-nav-toggle-background .mobile-nav-toggle .navbarLogoMobile,
    #globalTopNav .mobile-nav-toggle-background .mobile-nav-toggle .mobile-nav-toggle-icon {
        display: inline-block;
    }

    /* eRevision Logo - on main-nav unordered upper left list in the container */
    #globalTopNav .mobile-nav-toggle-background .mobile-nav-toggle a.navbarLogo {
        background-color: #FFF;
        border-radius: 10px;
        padding-top: 0px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 0px;
        white-space: nowrap;
        color: rgba(0, 0, 0, 0.9);
        font-family: 'Montserrat', sans-serif;
        font-size: 1.25rem;
        font-weight: bold;
        line-height: 1.5;
        float: left;
    }

    /* All list items on the first nav level - regardless if they contain open or closed sub-navs */
    #globalTopNav .nav-section > li {
        width: 100%;
    }

    /* All list item text holders on all nav level - regardless if they contain open or closed sub-navs */
    #globalTopNav .nav-section li > a,
    #globalTopNav .nav-section li > span {
        text-align: left;
    }

    /* All list item text holders on all sub-nav level - for open sub-navs */
    #globalTopNav .nav-section li.dropdown-toggle.dropdown-open ul.dropdown li > a,
    #globalTopNav .nav-section li.dropdown-toggle.dropdown-open ul.dropdown li > span {
        padding: 5px;
        padding-right: 20px;
    }

    .lower-nav {
        background: #006a98;
    }

    /* Style for nested sub-navs */
    #globalTopNav .upper-nav ul.nav-section li ul.dropdown {
        background: #004f6f; /* First level of upper sub-nav */
    }
    #globalTopNav .lower-nav ul.nav-section li ul.dropdown {
        background: #003f5f; /* First level of lower sub-nav */
    }
    #globalTopNav .upper-nav ul.nav-section li ul.dropdown li ul.dropdown {
        background: #003f5f; /* Second level of upper sub-nav */
    }
    #globalTopNav .lower-nav ul.nav-section li ul.dropdown li ul.dropdown {
        background: #002f4f; /* Second level of lower sub-nav */
    }
    #globalTopNav .upper-nav ul.nav-section li ul ul.dropdown li ul.dropdown {
        background: #002f4f; /* Third level of upper sub-nav */
    }
    #globalTopNav .lower-nav ul.nav-section li ul ul.dropdown li ul.dropdown {
        background: #001f3f; /* Third level of lower sub-nav */
    }
    #globalTopNav .upper-nav ul.nav-section li ul ul ul.dropdown li ul.dropdown {
        background: #001f3f; /* Ensure deeper levels of sub-navs are also styled */
    }
    #globalTopNav .lower-nav ul.nav-section li ul ul ul.dropdown li ul.dropdown {
        background: #000f2f; /* Ensure deeper levels of sub-navs are also styled */
    }

    /* Eventually everything becomes the same dark color, leaving the yellow text, triangle pointers, and nav placement to identify deep hierarchy */

    #globalTopNav .nav-section li.dropdown-toggle.dropdown-open > ul.dropdown > li.dropdown-toggle.dropdown-open {
        display: block;
        z-index: 1000;
        position: relative;
    }

    #globalTopNav .upper-nav,
    #globalTopNav .lower-nav {
        display: none;
        flex-direction: column;
    }

    #globalTopNav .nav.nav-open {
        display: flex;
    }

    #globalTopNav .nav > li {
        width: 100%;
    }

    #globalTopNav .nav > li > a,
    #globalTopNav .nav > li > span {
        padding: 10px 15px;
    }

    #globalTopNav .nav ul {
        position: static;
        flex-direction: column;
    }

    .nav .dropdown-open > ul {
        display: block;
    }

    /* First dropdown level */
    #globalTopNav .nav-section li.dropdown-toggle.dropdown-open ul.dropdown {
        left: unset;
        right: 99%;
        top: 0;
        border-radius: 0.375rem 0rem 0.375rem 0.375rem;
        overflow: hidden;
    }

    /* All subsequent dropdown levels */
    #globalTopNav .nav-section li.dropdown-toggle.dropdown-open ul.dropdown li.dropdown-toggle.dropdown-open > ul.dropdown {
        left: 0;
        right: 100%;
        top: 0;
        position: relative;
        border-radius: 0rem 0rem 0.375rem 0.375rem;
        border-left: 1px solid rgba(0, 0, 0, 0.175);
        border-right: 1px solid rgba(0, 0, 0, 0.175);
        border-bottom: 1px solid rgba(0, 0, 0, 0.175);
        border-top: 0;
    }

    /* Adjust sub-nav to open to the left for right-aligned parent items */
    #globalTopNav .nav-section.right-nav li.dropdown-toggle.dropdown-open ul.dropdown li.dropdown-toggle.dropdown-open > ul.dropdown {
        right: 100%;
        left: 0;
        border-radius: 0.375rem 0rem 0.375rem 0.375rem;
    }

    #globalTopNav .nav-section.right-nav li.dropdown-toggle.dropdown-open ul.dropdown li.dropdown-toggle.dropdown-open ul.dropdown li.dropdown-toggle.dropdown-open > ul.dropdown {
        right: 100%;
        left: 0;
    }

    /* Ensure deeper levels of sub-navs are also styled on mobile */
    #globalTopNav .upper-nav-background .upper-nav ul.nav-section {
        background: #006a98;
    }

    #globalTopNav .upper-nav-background .upper-nav ul.nav-section ul ul.dropdown {
        background: #004f6f;
    }

    #globalTopNav .upper-nav-background .upper-nav ul.nav-section ul ul ul.dropdown {
        background: #003f5f;
    }

    #globalTopNav .upper-nav-background .upper-nav ul.nav-section li.dropdown-toggle.dropdown-open > a,
    #globalTopNav .upper-nav-background .upper-nav ul.nav-section li.dropdown-toggle.dropdown-open > span {
        background-color: #004f6f;
    }

    #globalTopNav .upper-nav-background .upper-nav ul.dropdown li.dropdown-toggle.dropdown-open > a,
    #globalTopNav .upper-nav-background .upper-nav ul.dropdown li.dropdown-toggle.dropdown-open > span {
        background-color: #003f5f;
    }

    #globalTopNav .upper-nav-background .upper-nav ul.dropdown li.dropdown-toggle.dropdown-open ul li.dropdown-toggle.dropdown-open > a,
    #globalTopNav .upper-nav-background .upper-nav ul.dropdown li.dropdown-toggle.dropdown-open ul li.dropdown-toggle.dropdown-open > span {
        background-color: #002f4f;
    }

    #globalTopNav .upper-nav-background .upper-nav ul.dropdown li.dropdown-toggle.dropdown-open ul li.dropdown-toggle.dropdown-open ul li.dropdown-toggle.dropdown-open > a,
    #globalTopNav .upper-nav-background .upper-nav ul.dropdown li.dropdown-toggle.dropdown-open ul li.dropdown-toggle.dropdown-open ul li.dropdown-toggle.dropdown-open > span {
        background-color: #001f3f;
    }

    #globalTopNav .lower-nav-background .lower-nav ul.nav-section {
        background: #004f6f;
    }

    #globalTopNav .lower-nav-background .lower-nav ul.nav-section ul ul.dropdown {
        background: #003f5f;
    }

    #globalTopNav .lower-nav-background .lower-nav ul.nav-section ul ul ul.dropdown {
        background: #002f4f;
    }

    #globalTopNav .lower-nav-background .lower-nav ul.nav-section ul ul ul ul.dropdown {
        background: #001f3f;
    }

    #globalTopNav .lower-nav-background .lower-nav ul.nav-section ul ul ul ul ul.dropdown {
        background: #000f2f;
    }

    #globalTopNav .lower-nav-background .lower-nav ul.nav-section li.dropdown-toggle.dropdown-open > a,
    #globalTopNav .lower-nav-background .lower-nav ul.nav-section li.dropdown-toggle.dropdown-open > span {
        background-color: #003f5f;
    }

    #globalTopNav .lower-nav-background .lower-nav ul.dropdown li.dropdown-toggle.dropdown-open > a,
    #globalTopNav .lower-nav-background .lower-nav ul.dropdown li.dropdown-toggle.dropdown-open > span {
        background-color: #002f4f;
    }

    #globalTopNav .lower-nav-background .lower-nav ul.dropdown li.dropdown-toggle.dropdown-open ul li.dropdown-toggle.dropdown-open > a,
    #globalTopNav .lower-nav-background .lower-nav ul.dropdown li.dropdown-toggle.dropdown-open ul li.dropdown-toggle.dropdown-open > span {
        background-color: #001f3f;
    }

    #globalTopNav .lower-nav-background .lower-nav ul.dropdown li.dropdown-toggle.dropdown-open ul li.dropdown-toggle.dropdown-open ul li.dropdown-toggle.dropdown-open > a,
    #globalTopNav .lower-nav-background .lower-nav ul.dropdown li.dropdown-toggle.dropdown-open ul li.dropdown-toggle.dropdown-open ul li.dropdown-toggle.dropdown-open > span {
        background-color: #000f2f;
    }
}