/*********************
*
*   Bootstrap 5 Migration Customizations
*   Media Item 2268710
*
**/


/*** Law - Video Development ID: 5609  ***/

.developmentVideo iframe {
    width: 100vw;
    height: calc(100vw/1.9);
}

.developmentVideo .card-img-overlay h2 {
    font-weight: 500;
}

.developmentVideo .card-img-overlay p {
    font-weight: 500;
}

@media screen and (max-width: 991.98px) {
    .developmentVideo .card-img-overlay {
        padding: 0;
        position: unset;
    }

    .developmentVideo .card-img-overlay .card-header {
        margin: 0 !important;
        padding: 0 !important;
    }

    .developmentVideo .card-img-overlay .container {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .developmentVideo .card-img-overlay .card-body .text-white {
        color: #000000 !important;
    }
}


/*********************
*
*   Calendar
*
**/

#calendar_events,
#searchoptions-categories,
#searchoptions-generic,
#view-switchers,
.view_period_switchers {
    font-family: "Montserrat", sans-serif;
    font-size: 1.5rem;
}

#calendar_events .eventdate {
    padding: 1rem;
    width: max-content;
}

#calendar_events .eventdate a {
    color: #aa0000;
}

#calendar_events .event-item {
    background-color: #f7f7f7;
    padding: 1rem;
    margin: 1rem;
}

#calendar_events .event-date-box .date-stamp.smaller {
    margin-right: 0;
    width: auto;
    margin-left: 0;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.standardContent #calendar_events ul.no-bullet li.event-item {
    display: flex;
}

.standardContent #calendar_events ul li:before {
    opacity: 0;
}

#calendar_events .event-item p.title a {
    color: #003282;
}

#calendar_events .event-item p.categories_trigger {
    padding-bottom: 2rem;
}

#calendar_box .cal-table a span.fa {
    color: #088099;
}

#calendar_box {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

ul.category_form {
    padding-left: 0;
}

#searchoptions-generic fieldset {
    margin-bottom: 1rem;
}

#searchoptions-generic fieldset legend {
    margin-bottom: 0;
}

#searchoptions-categories fieldset legend {
    font-size: 1.5rem;
}

#searchoptions-categories fieldset ul.category_form li::marker {
    color: #ffffff;
}

#searchoptions-generic #search_field input#keywords {
    max-width: -webkit-fill-available
}

.hideByType {
    display: none !important;
}

.eventFulltext a.calendar-button {
    color: var(--btn-clr, #fff) !important;
    border: 2px solid var(--btn-clr, #088099);
    background-color: #088099;
    display: inline-block;
    padding: .5rem 1.5rem;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    border-radius: 0;
    text-transform: uppercase;
}

.eventFulltext p a.btn {
    text-decoration: none;
}

.eventFulltext p a.btn:hover {
    text-decoration: underline;
}

.eventFulltext p a.btn:focus {
    text-decoration: underline;
}

.eventFulltext #event-map {
    height: 600px;
}

@media screen and (max-width: 991.98px) {
    .eventFulltext #event-map {
        height: 500px;
    }
}


/*********************
*
*   Feature Curated Events Wrapper
*
**/

.featuredCuratedEventsWrapper .curatedEventsList {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}


/* ***  Large min Defaults   *** */

@media screen and (min-width: 992px) {
    .featuredCuratedEventsWrapper .curatedEventsList {
        flex-direction: row;
        flex-wrap: wrap;
    }
}


/*********************
*
*   News Center
*
**/

span.credits a.card-link {
    color: #088099;
    font-family: 'Montserrat';
    font-size: 1.25rem;
    font-weight: 500;
}


/*********************
*
*   Student Profile
*
**/

.studentProfileMasonry .card {
    background-color: #f7f7f7;
}


/* ***** Mobile Up ***** */

@media screen and (min-width: 576px) {
    .studentProfileMasonry.contentItem:last-of-type {
        max-width: 50%;
    }
}


/* xs (less than 575px) */

@media screen and (max-width: 575.99px) {
    .studentProfileMasonry.w-50 {
        width: unset !important;
    }
}


/*********************
*
*   Jumplinks
*
**/

.jumpLinksWrapper.standardContent {
    max-width: none;
}


/*********************
*
*   Carousel
*   defaults
*
**/

.carouselWrapper .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C9CACD'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C9CACD'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}


/*********************
*
*   Image Banner
*
**/

/* .imageBanner {
    overflow-y: hidden;
} */

/* .imageBanner h1.pageTitle {
    font-weight: 500;
    font-size: 4rem;
} */

/* .law-landingPage-notitle-2416209 .imageBannerIntro {
    padding: 0;
}

.law-detailPage-notitle-2416212 .imageBannerIntro {
    padding: 0;
} */


/* ***** Desktop down ***** */

/* @media screen and (max-width: 1199.99px) {
    .imageBanner h1.pageTitle {
        font-size: calc(1.375rem + 1.5vw);
    }
} */


/*********************
*
*   Call to Action Feature
*
**/

.callToActionWrapper .card-title h2 {
    font-size: 2rem;
}

.card-block .callToActionButtonWrapper.standardContent {
    max-width: unset;
}

ul.callToActionButtonWrapper li.callToActionButton {
    margin: 0 5px;
    padding: 0.3rem;
}

.card-block .callToActionButton a {
    font-size: 0.6rem;
    line-height: 0.6rem;
    padding: 0.1rem;
}

.callToActionWrapper .card-img-overlay .callToActionOverlay {
    height: 100%;
    height: -moz-available;
    height: -webkit-fill-available;
    height: fill-available;
    min-height: 100%;
}


/* Galaxy Fold (less than 280px) */

@media only screen and (max-width: 279.99px) {
    #MainZone.col-xs-12 div.card-block ul.callToActionButtonWrapper.standardContent {
        padding: 0;
    }
}


/* iPhone X (less than 376px) */

@media only screen and (max-width: 375.99px) {
    #MainZone.col-xs-12 div.card-block ul.callToActionButtonWrapper.standardContent {
        padding: 0;
    }
}


/* xs (less than 575px) */

@media only screen and (max-width: 575.99px) {
    h2.callToActionHeaderColorWhite.my-2 {
        margin-bottom: 0.25rem !important;
        margin-top: 0.25rem !important;
    }

    .callToActionWrapper .card-title {
        margin-bottom: 0 !important;
    }

    .callToActionOverlay .card-title.p-3 {
        padding-top: 0.25rem !important;
    }

    #MainZone.col-xs-12 div.card-block ul.callToActionButtonWrapper.standardContent {
        padding: 0;
    }

    .callToActionWrapper .card-block.px-3 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .callToActionWrapper .card-block.py-1 {
        padding-top: 0 !important;
    }
}

@media screen and (max-width: 991.98px) {
    #MainZone.col-xs-12 div.card-block ul.callToActionButtonWrapper.standardContent {
        padding: 0;
        margin-bottom: 1rem;
    }

    .card-block .callToActionButtonWrapper.standardContent {
        width: 80%;
    }

    ul.callToActionButtonWrapper li.callToActionButton {
        margin: 5px;
        padding: 1rem;
    }

    ul.callToActionButtonWrapper li.callToActionButton a {
        font-size: 1.7rem;
        line-height: 1.7;
    }

    .callToActionWrapper .card-img-overlay {
        position: unset;
    }

    .callToActionWrapper .card-img-overlay .callToActionOverlay {
        padding: 1rem 0;
    }
}


/* Small Max (less than 992px) */


/* @media screen and (max-width: 991.99px) {
    .callToActionOverlay .card-title.p-3 {
        padding-bottom: 0.25rem!important;
    }
    #MainZone.col-xs-12 div.card-block ul.callToActionButtonWrapper.standardContent {
        padding: 0;
    }
} */


/* ***** Mobile Up ***** */


/* @media screen and (min-width: 576px) {

    .callToActionWrapper .card-title h2 {
        font-size: 1.25rem;
    }
} */


/* ***  Medium min Defaults   *** */


/* @media screen and (min-width: 768px) {
    ul.callToActionButtonWrapper li.callToActionButton {
        margin: 0 10px;
        padding: 0.5rem;
    }
    .card-block .callToActionButton a {
        font-size: 1rem;
        line-height: 1.25rem;
        padding: 0.15rem;
    }
} */


/* ***  Large min Defaults   *** */

@media screen and (min-width: 992px) {
    ul.callToActionButtonWrapper li.callToActionButton {
        margin: 0 15px;
        padding: 1rem;
    }

    .card-block .callToActionButton a {
        font-size: 1.1rem;
        line-height: 1.25rem;
        padding: 0.25rem;
    }
}


/* Large devices (large desktops, 1200px and up) */

@media screen and (min-width: 1200px) {
    .callToActionWrapper .card-title {
        margin-bottom: 0.5rem;
    }

    .callToActionWrapper .card-title h2 {
        font-size: 2.5rem;
    }
}


/* X Large devices (large desktops, 1366px and up) */

@media screen and (min-width: 1366px) {
    .callToActionWrapper .card-title {
        margin-bottom: 1rem;
    }

    .callToActionWrapper .card-title h2 {
        font-size: 3rem;
    }

    .card-block .callToActionButton a {
        font-size: 1.5rem;
        line-height: 2rem;
        padding: 0.7rem;
    }
}


/* XX Large devices (large desktops, 1920px and up) */

@media screen and (min-width: 1920px) {
    .callToActionWrapper .card-title {
        margin-bottom: 2rem;
    }

    .callToActionWrapper .card-title h2 {
        font-size: 4.25rem;
    }

    .card-block .callToActionButton a {
        font-size: 1.8rem;
        line-height: 2.4rem;
        padding: 1rem;
    }
}


/*********************
*
*   Primary Content
*
**/

.primaryContent.standardContent p {
    line-height: 1.6;
}


/* ***  Medium min Defaults   *** */

@media screen and (min-width: 768px) {
    /* ***  Primary Content Type   *** */
    /* .primaryContentWrapper {
        padding: 0 1rem 0 1rem;
    } */
}


/*********************
*
*   Reference Breakpoints
*
**/


/* Galaxy Fold (less than 280px) */

@media only screen and (max-width: 279.99px) {}


/* iPhone X (less than 376px) */

@media only screen and (max-width: 375.99px) {}


/* Surface Duo (less than 540px) */

@media only screen and (max-width: 539.99px) {}


/* Extra small devices (portrait phones, less than 576px) */

@media only screen and (max-width: 575.99px) {}


/* ***** Desktop down ***** */

@media screen and (max-width: 1199.99px) {}


/* ***** XL Desktop down ***** */

@media screen and (max-width: 1399.99px) {}


/* Small devices (landscape phones, 576px and up) */

@media screen and (min-width: 576px) and (max-width: 767.99px) {}


/* Medium devices (tablets, 768px and up) */

@media screen and (min-width: 768px) and (max-width: 991.98px) {}


/* Large devices (desktops, 992px and up) */

@media screen and (min-width: 992px) and (max-width: 1199.99px) {}


/* iPad Pro (iPad Pro, 1024px to 1200) */

@media screen and (min-width: 1024px) and (max-width: 1199.99px) {}


/* Responsice range from 1200 to 1366 */

@media screen and (min-width: 1200px) and (max-width: 1365.99px) {}


/* ***** Mobile Up ***** */

@media screen and (min-width: 576px) {}


/* ***  Medium min Defaults   *** */

@media screen and (min-width: 768px) {}


/* ***  Large min Defaults   *** */

@media screen and (min-width: 992px) {}


/* Large devices (large desktops, 1200px and up) */

@media screen and (min-width: 1200px) {}


/* X Large devices (large desktops, 1400px and up) */

@media screen and (min-width: 1400px) {}


/* XX Large devices (large desktops, 1920px and up) */

@media screen and (min-width: 1920px) {}


/* XXX Large devices (large desktops, 2560px and up) */

@media screen and (min-width: 2560px) {}


/*********************
*
*   Global Navigation
*
**/


/* Top Down Default Legacy Stylesheet Overrides for global banner */

.hidden {
    display: none;
}

#globalHeader .dropdown-toggle::after {
    display: none
}

#globalHeader a.navbar-brand img {
    display: inline-block;
    height: 85px;
    max-width: 100%;
}

#globalHeader #globalHeaderTopInner {
    height: 104px
}

#globalHeader .globalTopInner {
    height: 104px
}

#globalHeaderResourcesWrapper {
    font-size: 1.25rem;
    font-weight: 500;
}

#globalHeaderResourcesLinks li a {
    text-decoration: none;
}

#globalHeaderResourcesLinks li a:visited {
    text-decoration: none;
}

#globalHeaderResourcesLinks li a:hover {
    text-decoration: none;
}

#globalHeaderResourcesLinks li a:active {
    text-decoration: none;
}

#globalHeaderResourcesLinks li.dropdown-item:active {
    background-color: #088099 !important;
}

#globalHeaderResourcesLinks li.headerResources {
    margin: 0;
}

#globalHeaderNavigation li.mega-dropdown {
    margin: 0.5rem 0.25rem 0.5rem 0.25rem;
    padding: 0.5rem 0.25rem 0.5rem 0.25rem;
}

#globalHeaderNavigation li.dropdown a {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 500;
    margin: 0.5rem 0.25rem 0.5rem 0.25rem;
    padding: 0.5rem 0.25rem 0.5rem 0.25rem;
    text-decoration: none;
}

#globalHeaderNavigation li.dropdown a:visited {
    text-decoration: none;
}

#globalHeaderNavigation li.dropdown a:hover {
    text-decoration: none;
}

#globalHeaderNavigation li.dropdown a:active {
    text-decoration: none;
    background-color: unset;
    color: unset;
}

#globalHeaderResourcesLinks li.headerResources a:active {
    background-color: #088099;
}


/*********************
*
*   Global Navigation
*   Google Search Box
*
**/

#googleSearchBox {
    padding: 2px 10px 0 10px;
}

#googleSearchBox td.gsc-input {
    width: 100%;
}

#googleSearchBox input#gsc-i-id1 {
    background: #881111 !important;
    border: 1px solid #881111;
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 500;
    padding: 5px 15px;
}

#googleSearchBox input#gsc-i-id1::placeholder {
    color: #ffffff;
}

#googleSearchBox input#gsc-i-id1:focus {
    border: 1px solid #ffffff;
    border-radius: 0 !important;
    outline: 0 !important;
}

#googleSearchBox .gsc-search-button:hover,
#googleSearchBox .gsc-search-button:focus {
    color: #fdb913;
}

#googleSearchBox button.gsc-search-button {
    background: #881111;
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
}

#globalHeaderNavigationWrapper #googleSearchBox table.gsc-search-box td.gsc-input {
    padding: 0;
}

#globalHeaderNavigationWrapper #googleSearchBox table.gsc-search-box td.gsc-search-button {
    padding: 0;
    background: #881111;
}

#googleSearchBox .gsc-clear-button {
    display: none;
}


/*********************
*
*   Global Navigation
*   Mega Dropdowns
*
**/

#globalHeaderBottomNavWrapper .dropdown-menu.show {
    display: flex;
}


/*********************
*
*   Global Navigation
*   Responsive Media Querys
*
**/


/* X Large devices (large desktops, 1200px and up) */

@media screen and (min-width: 1366px) {
    #globalHeaderResourcesWrapper {
        font-size: 1.4rem;
    }

    #googleSearchBox input#gsc-i-id1 {
        font-size: 1.4rem;
    }

    #globalHeaderResourcesLinks li {
        margin: 0 1rem;
    }
}


/* Large devices (large desktops, 1200px and up) */

@media screen and (min-width: 1200px) {
    #globalHeaderResourcesWrapper {
        font-size: 1rem;
    }

    #googleSearchBox input#gsc-i-id1 {
        font-size: 1rem;
    }
}


/* Mobile up Legacy Stylesheet Overrides for global banner */

@media screen and (min-width: 992px) {
    #globalHeader {
        height: 150px;
    }

    #globalHeader .navbar-toggle {
        display: none;
    }

    #globalHeaderNavigationWrapper {
        display: contents;
    }

    #globalHeaderBottomNavWrapper {
        display: contents;
    }

    #globalHeaderNavigation.navbar-nav {
        flex-direction: row;
    }

    #globalHeaderResourcesLinks.navbar-nav {
        align-items: baseline;
        flex-direction: row;
    }

    #googleSearchBox input#gsc-i-id1 {
        width: 100%;
    }
}


/* Large devices (desktops, 992px and up) */

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
    #globalHeaderNavigation li.dropdown a {
        font-size: 0.7rem;
    }

    #globalHeaderResourcesWrapper {
        font-size: 0.85rem;
    }

    #googleSearchBox input#gsc-i-id1 {
        font-size: 0.85rem;
    }

    /* #googleSearchBox {
        padding: 2px 10px 0 5px;
    } */
}


/* ***** Desktop down ***** */

@media screen and (max-width: 1199.99px) {
    /* #googleSearchBox input#gsc-i-id1 {
        font-size: 0.7rem;
    } */
}

@media screen and (max-width: 991.98px) {
    #globalHeader .navbar-toggle {
        display: block;
        right: 0;
        padding: 10px 10px;
        position: relative;
        float: right;
    }

    #globalHeader #globalHeaderResourcesWrapper #globalHeaderNavigationWrapper.show {
        margin-top: 1rem;
    }
    
    #globalHeader #globalHeaderBottomInner #globalHeaderBottomNavWrapper.show {
        margin-top: 20rem;
    }

    .nav-item.audience-link {
        padding-top: 8px;
    }

    #globalHeaderNavigationWrapper li.mega-dropdown {
        margin: 0;
        text-align: left;
        width: 100%;
    }

    #globalHeaderNavigation .mega-dropdown-menu {
        border-top: none;
        float: none;
        padding: 30px 17px;
        overflow: auto;
        position: static;
    }

    #globalHeaderNavigationWrapper.collapse:not(.show) {
        display: none;
    }

    #globalHeaderBottomNavWrapper.collapse:not(.show) {
        display: none;
    }

    #siteNavigationWrapper .navbar-toggle {
        background-color: unset;
        margin: 20px 30px 8px 10px;
        display: block;
        right: 0;
        padding: 10px 10px;
        position: relative;
        float: right;
        z-index: 101;
    }

    #siteNavigation.sidebarNav button {
        background-color: unset;
        display: block;
        margin: 0;
        padding: 5px 15px 0 0;
        position: absolute;
        right: 0;
    }

    #googleSearchBox input#gsc-i-id1 {
        width: 100%;
    }

}


/*********************
*
*   Sidegbar Navigation
*
**/


/* #SidebarZone #siteNavigation button.navbar-toggle {
    background-color: transparent;
    border: 1px solid transparent;
} */

.law-calendarPage-867872 #SidebarZone {
    display: block !important;
}

#siteNavigation.sidebarNav #siteNavigationTitleWrapper #siteNavigationTitle {
    border-bottom: 1px solid #B7B7B7;
}

#siteNavigation.sidebarNav #siteNavigationTitleWrapper #siteNavigationTitle a {
    font-size: 1.1rem !important;
}

#siteNavigation.sidebarNav #menu li a {
    border-bottom: 1px solid #B7B7B7;
    font-size: 1.1rem;
    line-height: 1.6rem;
    padding: 15px 0 15px 0;
}

#siteNavigation.sidebarNav #menu li span.currentsection {
    font-size: 1.25rem;
    width: calc(100% - 30px);
}

#siteNavigation.sidebarNav #menu li i.fa {
    color: #595959;
    display: inline-block;
    font-size: 1.1rem;
    padding: 15px 0;
    margin: 5px;
}

#siteNavigation.sidebarNav #siteNavigationTitleWrapper #siteNavigationTitle a.navbar-brand {
    white-space: break-spaces;
}


/* from law base stylesheet  */


/* .collapse:not(.show) {
    display: none;
} */

#siteNavigation.sidebarNav .navbar-collapse.collapse:not(.show) {
    display: none;
}


/* ***  Medium min Defaults   *** */

@media screen and (min-width: 768px) {
    #SidebarZone #siteNavigation button.navbar-toggle {
        display: none;
    }
}


/*********************
*
*   Global Footer
*
**/


/* ***** Footer Defaults ***** */


/* footer .footerLinks a {
    text-decoration: none;
}

footer .footerLinks a:hover {
    text-decoration: underline;
}

#footerCallToActionLinks a {
    border-radius: 0;
}

#subfooterWrapper {
    background: #000000;
    color: #b3b3b3;
    font-size: 1.2rem;
} */


/* ***** Mobile Up ***** */


/* @media screen and (min-width: 992px) {
    footer #footerInner {
        display: flex;
        flex-wrap: wrap; */


/* max-width: none; */


/* }
}  */


/* Desktop down */


/* @media screen and (max-width: 991.98px) {
    footer #organization {
        text-align: center;
    }
    footer #organization img {
        max-width: 50%;
    }
    footer h4 {
        margin: 0 0 15px 0;
        padding: 0;
    }
    footer #footerInner .footerLinks {
        margin-bottom: 2rem;
        text-align: center;
    }
} */


/* Large devices (desktops, 992px and up to 1199) */


/* @media screen and (min-width: 992px) and (max-width: 1199.98px) {
    footer #footerContact {
        margin-left: 2.5rem;
        padding-left: 2.5rem;
    }
    footer #organization {
        line-height: 1.5rem;
    }
    footer #organization .name {
        font-size: 1.25rem;
        font-weight: 500;
        margin-top: 1rem;
    }
    footer .footerLinks {
        font-size: 1rem;
    }
    footer .footerLinks a {
        font-size: 0.9rem;
    }
    footer h4 {
        font-size: 1.5rem;
    }
    #footerCallToActionLinks a {
        font-size: 1.25rem;
    }
} */


/* X-Large devices (desktops, 1200px and up to 1365) */


/* @media screen and (min-width: 1200px) and (max-width: 1365.99px) {
    footer #footerContact {
        margin-left: 3rem;
        padding-left: 3rem;
    }
    footer #organization {
        line-height: 1.75rem;
    }
    footer #organization .name {
        font-size: 1.5rem;
        font-weight: 500;
        margin-top: 1rem;
    }
    footer .footerLinks {
        font-size: 1.25rem;
    }
    footer .footerLinks a {
        font-size: 1.25rem;
    }
    footer h4 {
        font-size: 2rem;
    }
    #footerCallToActionLinks a {
        font-size: 1.5rem;
    }
} */


/* X Large devices (large desktops, 1200px and up) */


/* @media screen and (min-width: 1366px) {
    footer #footerContact {
        margin-left: 4rem;
        padding-left: 4rem;
    }
    footer #organization .name {
        font-size: 1.75rem;
        font-weight: 500;
        margin-top: 1rem;
    }
} */


/*********************
*
*   Global Navigation
*   from stylesheet
*
**/

#globalHeader {
    background: #aa0000;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 100;
}

.multilingual #globalHeader {
    position: absolute;
}

#globalHeader #mainlogo {
    float: left;
    height: 97px;
}

#globalHeader #mainlogo img {
    max-width: 184px;
}

#globalHeaderResourcesLinks {
    text-align: right;
}

#globalHeaderResourcesLinks li {
    display: inline-block;
    margin: 0 0.5rem;
}

#globalHeaderResourcesLinks li a {
    color: #ffffff;
}

#globalHeaderMiddleInner {
    border-top: 1px solid #ffffff;
}

#globalHeaderNavigation {
    text-transform: uppercase;
}

span.fa-chevron-down {
    position: relative;
    left: 6px;
}


/*********************
*
*   Global Navigation
*   from stylesheet
*   mega dropdown
*
**/


/* mega dropdowns will get converted to modals */

#globalHeaderNavigation li.mega-dropdown {
    position: static;
}


/*********************
*
*   Global Navigation
*   Legacy
*
**/


/* #globalHeader #mainlogo a:focus:after {
    content: 'Link to SU Home Page';
    position: absolute;
    color: #ffffff;
    bottom: 0;
} */

#globalHeader .navbar-toggle {
    background-color: unset;
    margin: 20px 30px 8px 10px;
    /* margin: 15px 20px 8px 10px; */
    /* padding: 17px 18px; */
    z-index: 101;
}

#globalHeader .navbar-toggle .icon-bar {
    background: #ffffff;
}

#globalHeaderResources {
    overflow: visible;
    padding: 0 15px 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width:434px) {
    #headerResourcesMenu {
        padding: 10px 0;
        display: inline-block;
        margin: 10px 0 0;
    }
}


/* hamburger button */

.close-label {
    color: #ffffff;
    position: relative;
}

.navbar-toggler-icon {
    background-image: none;
    color: #f7f7f7;
    font-size: 1.5rem;
}


/* Sidebar toggler */

#siteNavigationWrapper .navbar-toggler-icon {
    background-image: none;
    color: #000000;
    font-size: 1.5rem;
}

.navbar-toggler-icon::before {
    font-family: FontAwesome;
    content: "\f0c9";
}

.menu-icon {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: background-color 0.3s;
    background-color: #FFFFFF;
    bottom: auto;
    display: inline-block;
    height: 2px;
    left: 0;
    position: relative;
    vertical-align: middle;
    width: 25px;
}

.menu-icon:before,
.menu-icon:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #FFFFFF;
    right: 0;
    transition: -webkit-transform .8s, top .8s, background-color 0s;
    transition: transform .8s, top .8s, background-color 0s;
}

.menu-icon:before {
    top: -7px;
}

.menu-icon:after {
    top: 7px;
}

.menu-icon.is-clicked {
    background-color: rgba(255, 255, 255, 0);
}

.menu-icon.is-clicked:before,
.menu-icon.is-clicked:after {
    background-color: #FFFFFF;
}

.menu-icon.is-clicked:before {
    top: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.menu-icon.is-clicked:after {
    top: 0;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.menu-icon.sub-hamburger {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: background-color 0.3s;
    background-color: #ab0000;
    bottom: auto;
    display: inline-block;
    height: 2px;
    left: 0;
    position: relative;
    vertical-align: middle;
    width: 25px;
    top: 15px;
}

.menu-icon.sub-hamburger:before,
.menu-icon.sub-hamburger:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #ab0000;
    right: 0;
    transition: -webkit-transform .8s, top .8s, background-color 0s;
    transition: transform .8s, top .8s, background-color 0s;
}

.menu-icon.sub-hamburger.is-clicked {
    background-color: #FFFFFF;
}

header.menu-is-open {
    background: #0f72b9;
}

header.menu-is-open .primary-nav-trigger:focus {
    outline: none;
    transition: all 0.8s ease;
}


/* START Give Button */

a.give-button p {
    background: #ffffff;
    color: #088099;
    /* default text color */
    transition: 0.3s;
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: .2rem;
    line-height: 3;
    text-transform: uppercase;
    text-align: center;
    padding: .5rem 0 .5rem 0;
    margin-top: 1.5vh;
}

a.give-button p:hover {
    background-color: #088099;
    color: #ffffff;
    border: 1px solid #ffffff;
}

@media screen and (min-width: 992px) {
    #globalHeaderNavigationWrapper .give-button {
        display: none;
    }
}


/* END Give Button */


/* links in red bar */

#globalHeaderResourcesLinks li span {
    color: #ffffff;
    cursor: pointer;
}

#globalHeaderResourcesLinks li ul li a {
    color: #333333;
}

#globalHeaderResourcesLinks li a:hover,
#globalHeaderResourcesLinks li a:focus,
#globalHeaderResourcesLinks li span:hover,
#globalHeaderResourcesLinks li span:focus {
    text-decoration: none;
}

@media screen and (max-width:991.98px) {
    #globalHeaderResources {
        padding: 17px 30px;
    }

    #globalHeaderResourcesLinks {
        margin: 0 0 0 -10px;
        text-align: left;
        padding: 8px 0 25px;
    }
}

@media screen and (max-width: 991.98px) {
    #globalHeaderResourcesLinks {
        display: inline-grid;
        /* margin-left: 4rem;
        text-align: center; */
        padding: 10px 0 25px;
    }
}


/* SU Resources menu */

#globalHeaderResources .dropdown-menu {
    margin: 0;
}

#globalHeaderResources .dropdown-menu li {
    margin: 0;
    width: 100%;
}

#globalHeaderResources .dropdown-menu>li>a {
    color: #333333;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: inherit;
    padding: 12px 15px;
    -webkit-backface-visibility: hidden;
    transition: 0.4s;
    transition-timing-function: ease;
}


/*navigation in white bar */

@media (max-width:991.98px) {
    #globalHeaderNavigation {
        padding: 0;
    }
}

@media screen and (max-width:991.98px) {
    #globalHeaderNavigation li.dropdown a {
        font-size: 1.2rem;
        padding: 17px 15px;
    }
}


/* #globalHeaderNavigation li.mega-dropdown a.dropdown-toggle:focus {
    color:#000000;
    text-decoration:underline;
}

#globalHeaderNavigation li.mega-dropdown:hover a.dropdown-toggle,
#globalHeaderNavigation li.mega-dropdown:focus a.dropdown-toggle {
    background-color: #f7f7f7;
    color:#000000;
} */

@media (max-width:991.98px) {

    #globalHeaderNavigationWrapper li.mega-dropdown:hover>a.dropdown-toggle,
    #globalHeaderNavigationWrapper li.mega-dropdown:focus>a.dropdown-toggle {
        color: #aa0000;
    }
}

#globalHeaderNavigation li.mega-dropdown a .fa-angle-right {
    position: absolute;
    right: 30px;
}

#globalHeaderNavigation li.mega-dropdown.open a .fa-angle-right {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: 0.5s;
}

li.dropdown.open span.fa-fa-chevron.visible-inline {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: 0.5s;
}


/* a proud achievement */

#globalHeaderResourcesLinks li.dropdown.open .fa.fa-chevron-down.visible-inline {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: 0.4s;
}

.fa.fa-chevron-down.visible-inline span:hover {
    text-decoration: none;
}


/******** mega drop down menu ********/

#globalHeaderNavigation .mega-dropdown-menu {
    background: #f7f7f7;
    border: none;
    border-radius: 0;
    /* line-height: 1.6rem; */
    min-height: 200px;
    /* padding: 75px 30px; */
    width: 100%;
    -webkit-backface-visibility: hidden;
    transition: 0.4s;
    transition-timing-function: ease;
}

@media screen and (min-width: 992px) {
    #globalHeaderNavigation .globalHeaderNavigationMainLinks ul {
        max-height: 400px;
    }
}

@media screen and (max-width:991.98px) {
    #globalHeaderNavigationWrapper li.mega-dropdown {
        margin: 0;
        text-align: left;
        width: 100%;
    }

    #globalHeaderNavigation .mega-dropdown-menu {
        border-bottom: 2px solid #04a9c5;
        border-top: none;
        float: none;
        padding: 30px 0px;
        overflow: auto;
        position: static;
    }
}


/******** links in mega drop down menu ********/

#globalHeaderNavigation .globalHeaderNavigationMainLinks {
    padding: 0;
}

#globalHeaderNavigation .globalHeaderNavigationMainLinks ul li {
    list-style-type: none;
}

#globalHeaderNavigation .globalHeaderNavigationMainLinks ul li:first-child a {
    color: #000000;
    font-weight: bold;
}

@media screen and (min-width: 576px) and (max-width:992px) {
    #globalHeaderNavigation .globalHeaderNavigationMainLinks ul li {
        max-height: 30px;
        padding: 0px 20px 65px;
        list-style-type: none;
    }
}

#globalHeaderNavigation .globalHeaderNavigationMainLinks ul li a {
    border-left: 3px solid #f7f7f7;
    color: #797979;
    display: block;
    font-size: 1rem;
    font-weight: 510;
    letter-spacing: 1px;
    position: relative;
}

#globalHeaderNavigation .globalHeaderNavigationMainLinks ul li a:hover,
#globalHeaderNavigation .globalHeaderNavigationMainLinks ul li a:focus {
    border-left: 3px solid #04a9c5;
    text-decoration: none;
    color: #AA0000;
}


/******** Quicklinks in mega drop down menu ********/

#globalHeaderNavigation .globalHeaderNavigationQuickLinks {
    padding: 0 0 0 60px;
    border-left: 2px solid #04a9c5;
}

#globalHeaderBottomNavWrapper .mega-dropdown-menu .modalWrapper {
    width: 100%;
}

.globalHeaderNavigationQuickLinks ul {
    list-style: none;
    padding: 0;
}

#globalHeaderNavigation .globalHeaderNavigationQuickLinks h5 {
    color: #aa0000;
    font-family: "Oswald", sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    margin: 0 0 15px 0;
}

#globalHeaderNavigation .globalHeaderNavigationQuickLinks .h5 {
    color: #aa0000;
    font-family: "Oswald", sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    margin: 0 0 15px 0;
}

#globalHeaderNavigation .globalHeaderNavigationQuickLinks li a {
    display: block;
    color: #333333;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.4rem;
    padding: 5px 0;
    text-transform: capitalize;
}

#globalHeaderNavigation .globalHeaderNavigationQuickLinks li a:hover,
#globalHeaderNavigation .globalHeaderNavigationQuickLinks li a:focus {
    color: #aa0000;
}

@media screen and (max-width:991.98px) {
    #globalHeader {
        margin-bottom: 0;
        position: relative;
    }

    #globalHeader button .glyphicon {
        color: #aa0000;
        display: inline-block;
        float: right;
        font-size: 18px;
        width: initial;
    }

    #globalHeader button .glyphicon:before {
        content: '\f0c9';
        font-family: 'fontawesome';
    }

    #globalHeader .collapse.in {
        display: block !important;
    }

    .visible-sm-inline {
        display: inline !important;
    }

    #globalHeaderNavigation .mega-dropdown-menu .globalHeaderNavigationQuickLinks li a {
        font-size: 0.9rem;
        padding: 10px 5px 10px 0;
    }

    #globalHeaderNavigation .globalHeaderNavigationMainLinks {
        height: -webkit-fill-available;
    }

    #globalHeaderNavigation .globalHeaderNavigationQuickLinks {
        border-left: none;
        border-top: 2px solid #04a9c5;
        padding: 30px 32px 0;
    }

    #globalHeaderNavigation .mega-dropdown-menu {
        border-top: none;
        float: none;
        padding: 30px 0px;
        overflow: auto;
        position: static;
        border-bottom: 2px solid #04a9c5;
    }
}


/******** START Disappearing-Reappearing Menu ********/


/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {
    .nav-up {
        transition: opacity .4s ease !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .nav-down {
        transition: opacity .4s ease !important;
        opacity: 1 !important;
    }
}


/*********************
*
*   Bootstrap 5 Migration Customizations
*   Media Item 2268710
*
**/