*/ Site Variables */:root {
    --header_ht: 80px;
    /* to use: var(--header_ht); */
}

#OH_header {
    background-color: #f0f0f0;
    /*#eaeaea;*/
    z-index: 1300;
}

.navbar-brand img {
    height: 50px;
    width: 50px;
}

.navbar-brand span {
    display: inline-block;
    text-align: start;
    font-size: 1rem;
    font-weight: 600;
    vertical-align: middle;
    color: #0E3F70;
    padding-left: .25rem;
    line-height: 1.25;
}

.skip-link {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    background: #0E3F75;
    color: #fff;
    padding: 0.75rem 1rem;
    z-index: 2000;
    text-decoration: none;
    font-weight: 600;
}

.skip-link:focus-visible {
    transform: translateY(0);
    outline: 3px solid #fff;
    outline-offset: -3px;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}


/* CORE */

h1 {
    font-size: 2rem;
    font-weight: 700;
}

h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0E3F75;
    margin-bottom: 1rem;
}

h3 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.pb-6 {
    padding-bottom: 4.5rem !important;
}

.pb-7 {
    padding-bottom: 6rem !important;
}

.pb-8 {
    padding-bottom: 9rem !important;
}

.pt-6 {
    padding-top: 4.5rem !important;
}

.pt-7 {
    padding-top: 6rem !important;
}

.pt-8 {
    padding-top: 9rem !important;
}

#OEC_page_content .container {
    padding-bottom: 6rem;
}

@media (max-width: 991.98px) {
    #OEC_page_content h2#content-start {
        margin-top: 1rem;
    }
}

/* OEC UTILITIES */

.btn-oec-blue {
    background-color: #0E3F75 !important;
    border-color: #0E3F75 !important;
    color: #fff !important;
    transition: background-color 0.2s ease;
    /* smooth hover/active */
    box-shadow: none !important;
    /* remove any Bootstrap shadow */
}

.btn-oec-blue:hover,
.btn-oec-blue:focus {
    background-color: #12508F !important;
    /* slightly darker on hover/focus */
    border-color: #12508F !important;
    color: #fff !important;
    box-shadow: none !important;
}

.btn-oec-blue:active,
.btn-oec-blue.active {
    background-color: #0A2F57 !important;
    /* slightly lighter on click */
    border-color: #0A2F57 !important;
    color: #fff !important;
    box-shadow: none !important;
}

.btn-oec-blue:disabled,
.btn-oec-blue.disabled {
    background-color: #7F9AB8 !important;
    border-color: #7F9AB8 !important;
    color: #fff !important;
    opacity: 0.65;
    box-shadow: none !important;
}

.anchor-target {
    scroll-margin-top: 180px;
}

@media (max-width: 767.98px) {
    .anchor-target {
        scroll-margin-top: 16px;
    }
}


.fdsfaq-item {
    margin-bottom: 4rem;
}

.fdsfaq-item p:has(+ ul),
.fdsfaq-item p:has(+ ol) {
    margin-bottom: 0;
}

.fdsfaq-item h3 {
    margin-bottom: 1rem;
}

/* OEC UTILITY - COLLAPSE TOGGLE ICON */

.arrow_icon {
    display: inline-block;
    transition: transform 0.3s ease;
    /* Smooth transition for rotation */
}

:not(.collapsed) .arrow_icon {
    /* When the button is expanded */
    transform: rotate(-180deg);
}

.collapsed .arrow_icon {
    /* When the button is collapsed */
    transform: rotate(0deg);
}

/* ============================
   OEC UTILITY - ICON STACK
   ============================ */

.icon_stack {
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    line-height: 0;
    width: 96px;
    height: 96px;
    flex: 0 0 96px;
    transition: transform 180ms ease;
}

/* Keep any inner icon absolutely stacked */
.icon_stack > i,
.icon_stack > .bi {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
    transition: color 180ms ease, transform 180ms ease;
}

/* circle background */
.icon_stack > .bi-circle-fill,
.icon_stack > i.bi-circle-fill {
    color: whitesmoke;
    font-size: 80px;
    z-index: 1;
}

/* foreground icon */
.icon_stack > :not(.bi-circle-fill),
.icon_stack > i:not(.bi-circle-fill) {
    color: #0E3F75;
    font-size: 40px;
    z-index: 2;
}

/* ============================
   OEC UTILITY - LARGE ICON LINK (card)
   ============================ */

.lg_icon_link {
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 16px;
    min-height: 96px;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.176);
    font-size: 1.25rem;
    font-weight: 500;
    color: #0E3F75;
    text-decoration: none;
    overflow: hidden;
    transition: background-color 180ms ease, color 180ms ease;
}

.lg_icon_text {
    word-break: break-word;
}

.lg_icon_link:hover,
.lg_icon_link:focus {
    background-color: #0E3F75;
    color: white;
}

/* foreground icon color change when card is hovered or focused */
.lg_icon_link:hover .icon_stack > :not(.bi-circle-fill),
.lg_icon_link:hover .icon_stack > i:not(.bi-circle-fill),
.lg_icon_link:focus .icon_stack > :not(.bi-circle-fill),
.lg_icon_link:focus .icon_stack > i:not(.bi-circle-fill) {
    color: #c12637;
}

.lg_icon_link {
    position: relative;
    z-index: 1;
}

.lg_icon_link:focus {
    z-index: 10;
}



/* ============================
   Small helpers / responsive
   ============================ */

.lg_icon_link .icon_stack {
    flex-shrink: 0;
}

/* Ensure icons scale nicely on smaller screens */
@media (max-width: 576px) {
    .lg_icon_link {
        gap: 16px;
        font-size: 1.05rem;
        padding: 12px;
        min-height: 80px;
    }

    .icon_stack {
        width: 72px;
        height: 72px;
        flex: 0 0 72px;
    }

    .icon_stack > .bi-circle-fill,
    .icon_stack > i.bi-circle-fill {
        font-size: 56px;
    }

    .icon_stack > :not(.bi-circle-fill),
    .icon_stack > i:not(.bi-circle-fill) {
        font-size: 32px;
    }
}

i.icon_stack {
    display: inline-flex;
}

.oec_bs_icon_txtlink {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.oec_bs_icon_txtlink:hover {
    text-decoration: underline;
}

.oec_bs_icon_txtlink i.bi {
    font-size: 1.75rem;
    margin-right: .5rem;
}

/* OEC COMPONENT - FEATURED CARD */

.oec_featured_card {
    height: 100%;
    border-radius: 0;
    border: none;
    text-decoration: none;
    background-color: whitesmoke;
    display: block;
    transition:
        transform 0.18s ease;
}

.oec_featured_card:hover {
    background-color: #e9ecef;
}

.oec_featured_card:focus-visible {
    background-color: #e9ecef;
}

.oec_featured_card:hover .card-title,
.oec_featured_card:focus-visible .card-title {
    text-decoration: underline;
}

/* Clip ONLY the image region (prevents bleeding outside card) */
.oec_featured_card_img {
    overflow: hidden;
    line-height: 0;
    /* kills any tiny gap under img */
}

.oec_featured_card_img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0;
    transition: transform 0.25s ease;
    transform-origin: center center;
}

.oec_featured_card:hover .oec_featured_card_img img,
.oec_featured_card:focus-visible .oec_featured_card_img img {
    transform: scale(1.03);
}

.oec_featured_card {
    transition:
        background-color 0.18s ease,
}

.oec_link_heading {
    color: var(--bs-link-color);
    text-decoration: underline;
}

.oec_main_list > li {
    margin-bottom: 0.75rem;
}


/* ============================
   OEC COMPONENT - TOPICS DESKTOP NAVIGATION
   ============================ */
.oec_sidenav {
    margin: 0;
    padding: 0;
    border: 1px solid lightgrey;
    border-radius: 8px;
}

.oec_sidenav a {
    display: block;
    border: none;
    border-left: 6px solid transparent;
    background: transparent;
    text-align: left;
    width: 100%;
    padding: 1rem;
    text-decoration: none;
    font-weight: 500;
    color: #0E3F75;
}

.oec_sidenav a + a {
    border-top: 1px solid lightgrey;
}

.oec_sidenav a:hover,
.oec_sidenav a:focus {
    background-color: #F7FAFE;
    text-decoration: underline
}

.oec_sidenav a.active,
.oec_sidenav a[aria-current="page"] {
    background-color: #E7F0FA;
    border-left: 6px solid #0E3F75;
    font-weight: 600;
}

.oec_sidenav {
    overflow: visible;
}

.oec_sidenav a:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.oec_sidenav a:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* ============================
   OEC COMPONENT - TOPICS MOBILE NAVIGATION
   ============================ */

.oec_sidenav_mobile {
    margin-top: 1rem;
}

.oec_topic_picker {
    border: 1px solid lightgrey;
    border-radius: 8px;
    background-color: #fff;
    overflow: hidden;
}

.oec_topic_picker[open] {
    overflow: visible;
}

.oec_topic_picker summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    cursor: pointer;
    background-color: #E7F0FA;
    font-weight: 600;
    color: #0E3F75;
    list-style: none;
    border-radius: 8px;
}

.oec_topic_picker[open] summary {
    border-radius: 8px 8px 0 0;
    /* keep top corners rounded only */
    border-bottom: 1px solid lightgrey;
}

.oec_topic_picker .oec_sidenav a:first-child,
.oec_topic_picker .oec_sidenav a:first-child:focus,
.oec_topic_picker .oec_sidenav a:first-child:focus-visible {
    border-radius: 0;
}

.oec_topic_picker summary::-webkit-details-marker {
    display: none;
}

.oec_topic_picker summary::after {
    content: "\F282";
    font-family: "bootstrap-icons";
    font-size: 1rem;
    line-height: 1;
    transition: transform 0.2s ease;
}

.oec_topic_picker[open] summary::after {
    transform: rotate(180deg);
}

.oec_topic_picker[open] summary {
    border-bottom: 1px solid lightgrey;
}

.oec_topic_picker summary:hover,
.oec_topic_picker summary:focus {
    background-color: #F7FAFE;
}

/* Reuse existing sidenav styling inside the picker */
.oec_topic_picker .oec_sidenav {
    border: 0;
    border-radius: 0;
}



/* ============================
   OEC COMPONENT - NEWS CARD 
   ============================ */

.oec_news_card {
    border-radius: 0;
    border: none;
    text-decoration: none;
    color: inherit;
    display: block;
    background-color: whitesmoke;
}

.oec_news_card:hover {
    background-color: #e9ecef;
}

.oec_news_card:focus-visible {
    background-color: #e9ecef;
}

.oec_news_card:hover .oec_news_title,
.oec_news_card:focus-visible .oec_news_title {
    text-decoration: underline;
}

/* ============================
   OEC COMPONENT - EVENT CARD
   ============================ */

.oec_event_card {
    display: flex;
    align-items: center;
    gap: 1rem;
    text-decoration: none;
    color: inherit;
}

.oec_event_card:focus-visible {
    border-radius: 8px;
}

/* Typography */
.oec_event_title {
    margin-bottom: 0.25rem;
    color: inherit;
    text-decoration: none;
}

/* Underline title on hover/focus */
.oec_event_card:hover .oec_event_title,
.oec_event_card:focus-visible .oec_event_title {
    text-decoration: underline;
}

/* Secondary time text */
.oec_event_time {
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 0;
}

/* ============================
   OEC COMPONENT - FAQ CARD
   ============================ */

.oec_faq_card {
    border-radius: 0;
    border: none;
    text-decoration: none;
    color: inherit;
    display: block;
    background-color: whitesmoke;
}

.oec_faq_card:hover {
    background-color: #e9ecef;
}

.oec_faq_card:focus-visible {
    background-color: #e9ecef;
}

.oec_faq_learn_more {
    margin-top: auto;
    font-weight: 600;
}

.oec_faq_card:hover h3,
.oec_faq_card:focus-visible h3,
.oec_faq_card:hover .oec_faq_learn_more,
.oec_faq_card:focus-visible .oec_faq_learn_more {
    text-decoration: underline;
}

.oec_faq_card h3 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 0;
}

.oec_faq_card ul {
    font-style: italic;
}

.oec_faq_card_fds .card-body {
    padding: 1.5rem;
}

.oec_faq_card_fds h3 {
    margin-bottom: 0.35rem;
}

.oec_faq_card_fds ul {
    margin-bottom: 0;
}

.oec-video-wrap {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.oec_faq_card_padded .card-body {
    padding: 2rem;
}

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

.oec_faq_card .card-body {
    display: flex;
    flex-direction: column;
}

/* ============================
   OEC COMPONENT - STATIC CARD
   ============================ */

.oec_static_card {
    border-radius: 0;
    border: none;
    background-color: whitesmoke;
}

.oec_static_card h3 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

/* Date badge */

.oec_date_badge {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 82px;
    width: 82px;
    background-color: #0E3F75;
    color: white;
    border-radius: 6px;
    line-height: 1;
    text-transform: uppercase;
    transition: background-color 0.18s ease;
}

.oec_date_badge span {
    font-size: 2.5rem;
    font-weight: 700;
}

.oec_event_card:hover .oec_date_badge,
.oec_event_card:focus-visible .oec_date_badge {
    background-color: #185A9C;
}


/* OPINION LISTS */

.informal-list {
    list-style: none;
    padding: 0;
}

.informal-list li {
    display: grid;
    grid-template-columns: 150px auto;
    gap: .5rem;
    margin-bottom: .25rem;
}

.opinion-id {
    white-space: nowrap;
}

.opinion-header {
    display: grid;
    grid-template-columns: 150px auto;
    gap: .5rem;
}

.formal-note {
    list-style: none;
    padding: 0;
}

.formal-note li {
    display: grid;
    grid-template-columns: 80px auto;
    gap: .5rem;
    margin-bottom: .25rem;
}

.topic-jump {
    margin: 1.5rem 0 2rem 0;
}

.topic-jump ul {
    list-style: none;
    padding: 0;
    margin: 0;

    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.topic-jump li {
    margin: 0;
}

.topic-jump a {
    display: inline-block;

    padding: .35rem .75rem;

    font-size: .9rem;
    text-decoration: none;

    border: 1px solid var(--bs-secondary);
    border-radius: 999px;

    color: var(--bs-secondary);
    background: transparent;

    transition: all .15s ease-in-out;
}

.topic-jump a:hover,
.topic-jump a:focus {
    background: var(--bs-secondary);
    color: #fff;
    text-decoration: none;
}

.opinion-note {
    margin-top: 3rem;
}

.opinion-note p:first-child {
    margin-bottom: .4rem;
}

/* HERO SECTIONS */

.bg-cover {
    background-size: cover;
}

.bg-center {
    background-position: center;
}

.py-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.py-7 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.py-8 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
}

@media (min-width: 992px) {
    .py-lg-8 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }
}


.tablerow-padded td {
    padding-top: 1rem;
    padding-bottom: 1rem;
}


.member-history {
    column-count: 1;
    column-gap: 2rem;
}

@media (min-width: 992px) {
    .member-history {
        column-count: 3;
    }
}

.member-history li {
    break-inside: avoid;
    margin-bottom: 0.25rem;
}

.fds-student-count {
    column-count: 1;
    column-gap: 2rem;
}

@media (min-width: 992px) {
    .fds-student-count {
        column-count: 3;
    }
}

.fds-student-count li {
    break-inside: avoid;
    margin-bottom: 0.25rem;
}

/* FOOTER */

footer {
    padding-bottom: 80px;
}

footer a {
    color: black;
    text-decoration: none;
}

footer a:hover,
footer a:focus {
    color: #333;
    text-decoration: underline;
}

.bg-oec-blue {
    background-color: #0E3F75;
    color: white;
    padding: 1rem;
}

.bg-oec-blue a {
    color: white;
    text-decoration: none;
}

.bg-oec-blue a:hover,
.bg-oec-blue a:focus {
    color: whitesmoke;
    text-decoration: underline;
    outline: 3px solid #fff;
    outline-offset: 3px;
}

.hero-blue {
    background-color: #0E3F75;
    color: #fff;
}

.hero-red {
    background-color: #c12637;
    color: #fff;
}


/* For larger screens (desktop), remove mobile header padding */
@media (min-width: 992px) {
    footer {
        padding-bottom: 0;
    }
}

@media (max-width: 767.98px) {
    footer .col-12 {
        margin-bottom: 1.5rem;
    }

    footer .col-12:last-child {
        margin-bottom: 0;
    }
}

#navbarSupportedContent {
    margin-bottom: 80px;
}

.menu_toggler,
.search_toggler {
    background: transparent;
    border: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.mobile_footer .col-4:hover {
    background-color: #eaeaea;
}



.lg-bold {
    font-weight: 700;
}


.search_wrapper {
    display: flex;
    width: 100%;

}

.search_wrapper > button {
    margin-left: 1rem;
}

.search_wrapper > input {
    font-size: 26px;
    width: 100%;
}

@media (max-width: 767.98px) {
    body:has(#collapseOH_Header.collapsing, #collapseOH_Header.collapse.show) {
        overflow-y: hidden;
        padding-right: var(--scrollbar-width);
        /*scroll bar width calculated from JS*/
    }

    body:has(#collapseOH_Header.collapsing, #collapseOH_Header.collapse.show) .mobile_footer {
        padding-right: var(--scrollbar-width);
        /*scroll bar width calculated from JS*/
    }

    /* Prevent movement when scroll bar is removed */
    #OH_header:has(.collapsing),
    #OH_header:has(.collapse.show) {
        padding-right: var(--scrollbar-width);
        /*scroll bar width calculated from JS*/
    }

    #collapseOH_Header {
        height: 100%;
        position: fixed;
        right: 0;
        left: 0;
        overflow-y: auto;
        padding-bottom: 60px;
    }
}



@media (max-width: 991.98px) {
    body:has(#collapseOH_Header.collapsing, #collapseOH_Header.collapse.show) {
        padding-top: 35px;
        /* OH_header height */
    }

    #OH_header:has(.collapsing),
    #OH_header:has(.collapse.show) {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
    }

    /*position navbar at bottom*/
    .navbar {
        top: unset;
        bottom: 0;
    }

    .navbar-nav {
        width: 100%;
    }

    .navbar-nav > .nav-item {
        font-size: 20px;
        border-top: 1px solid;
        padding: .5em 1em;
    }

    .navbar-brand {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar-brand img {
        height: 80px;
        width: 80px;
    }

    .navbar-brand span {
        font-size: calc(1.275rem + 0.3vw);
    }

    .nav-item:has(.nav-link.active) {
        background-color: lightgray;
    }

    .nav-item:hover {
        background-color: #e2e3e5;
    }

    .mobile-remove {
        display: none;
    }

    .lg-bold {
        font-weight: normal;
    }


    #OEC_navbar_container {
        max-width: 100%;
        padding: 0;
    }

    /* Hide scroll bars if nav or search menu is expanded */
    body:has(#OEC_navbar_container .collapsing, #OEC_navbar_container .collapse.show) {
        overflow-y: hidden;
        padding-right: var(--scrollbar-width);
        /*scroll bar width calculated from JS*/
    }

    /* Add padding to mobile footer if nav or search menu is expanded */
    body:has(#OEC_navbar_container .collapsing, #OEC_navbar_container .collapse.show) .mobile_footer {
        padding-right: var(--scrollbar-width);
        /*scroll bar width calculated from JS*/
    }

    #OEC_navbar_container .collapse {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: white;
    }

    /* Added div to allow menu to open full screen and allows for a seemless transition effect */
    .collapse_wrapper {
        flex-direction: column;
        height: calc(100vh - 80px);
        /*100% height - mobile footer height (80px);*/
        background-color: #eaeaea;
    }

    .collapse_search_wrapper {
        flex-direction: column;
        height: 100vh;
        padding: 0 1rem;
        background-color: #eaeaea;
    }

    .search_wrapper {
        margin-top: 1em;
    }

    .search_wrapper > input {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    /*.search_wrapper + div > button {*/
    .search_wrapper > button {
        margin-left: 0;
        border-top-left-radius: 0 !important;
        border-top-right-radius: .375rem !important;
        border-bottom-right-radius: .375rem !important;
        border-bottom-left-radius: 0 !important;
    }


    #navbarSearchContent.collapsing {
        width: 100%;
    }




}

.mobile_footer {
    height: 80px;
    width: 100%;
    z-index: 1090;
    margin: 0;
    border: 1px solid #ccc;
    box-sizing: border-box;
}


.mobile_footer a {
    line-height: none;
    text-decoration: none;
}

.mobile_footer i {
    font-size: 32px;
    line-height: 1;
}

.menu_toggler > span.menu_toggler_icon::before,
.search_toggler > span.search_toggler_icon::before {
    content: "\F659";
    font-size: 32px;
}

.menu_toggler > span.menu_toggler_desc::before,
.search_toggler > span.search_toggler_desc::before {
    content: "Close";
}


.menu_toggler.collapsed > span.menu_toggler_icon::before {
    content: "\F479";
    font-size: 32px;
    line-height: 1;
}

.menu_toggler.collapsed > span.menu_toggler_desc::before {
    content: "Menu";
}


.mobile_footer .col-4 {
    display: flex;
    height: 100%;
}

/*.mobile_footer > div:first-child:has(.menu_toggler:not(.collapsed)), .mobile_footer > div:last-child:has(.search_toggler:not(.collapsed)) {
	background-color: blue;
}*/

.mobile_footer .col-4:has([aria-expanded="true"]) {
    background-color: #eaeaea;
}

.mobile_footer .col-4 > div,
.mobile_footer .col-4 > button {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-self: center;
    justify-content: center;
}

.mobile_footer .row {
    --bs-gutter-x: 0;
    margin-left: 0;
    margin-right: 0;
    height: 100%;
}

.mobile_footer_link {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
}

.mobile_footer_link:focus-visible {
    outline: 3px solid #5B9BD5;
    outline-offset: 3px;
}

.search_toggler.collapsed > span.search_toggler_icon::before {
    content: "\F52A";
    font-size: 32px;
    line-height: 1;
}

.search_toggler.collapsed > span.search_toggler_desc::before {
    content: "Search";
}

/* For devices smaller than Large devices */
@media (max-width: 991.98px) {}



/* For medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}


/* For larger screens (desktop), search */
@media (min-width: 992px) {
    #OH_header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
    }

    .navbar-nav {
        align-items: stretch;
    }

    #navbarSearchContent {
        position: absolute;
        top: 0;
        right: 0;
        left: 162px;
        /*navbar-brand width (150px) + container-left padding (12px)*/
        bottom: 0;
        padding: 0 .75rem;
    }

    .lg_oecNavBar #navbarSearchContent {
        left: 224px;
        /*navbar-brand width (212px) + container-left padding (12px)*/
    }

    #navbarSearchContent.collapsing {
        width: 0;
        height: auto;
        /* tranisition: width 0.35s ease; */
        transition: none;
    }

    .collapse_wrapper {
        /*padding-left: 1em;
		padding: 0 1.5rem;*/
        height: inherit;
    }

    #OEC_navbar_container {
        position: relative;
        /*this is set so #navbarSearchContent, which is absolutely positioned when shown, honors container margins when large screen */
    }

    .search_wrapper {
        margin-left: 4rem;
    }

    .search_wrapper > input {
        padding-left: 3rem;
        border-radius: 0;
        /*border: 0;*/
        /*background-color: inherit;	*/
    }

    .search_wrapper > button {
        align-self: center;
        height: 40px;
    }

    #OEC_page_content {
        padding-top: 115px;
        /*OH_header (35px) + shrunken OECnavbar height (80px)*/
    }

    #OEC_page_content.lg_oecNavBar {
        padding-top: 145px;
        /*OH_header (35px) + large OECnavbar height (110px)*/
    }


    .breadcrumb {
        margin: 0;
        padding: 12px 0;
    }



    #OEC_page_header > div:first-child {
        min-height: 300px;
    }

    .nav-item {
        display: flex;
        align-items: center;
        min-height: 80px;
        font-size: 1rem;
    }

    .nav-item:hover {
        color: darkgoldenrod;
        border-bottom-color: darkgoldenrod;
    }

    .nav-item .nav-link {
        align-content: center;
        height: 100%;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
    }

    .nav-item .nav-link:hover {
        border-bottom-color: #c12637;
    }

    /*
	#OEC_navbar_container ul li, #OEC_navbar_container .navbar-brand img, #OEC_navbar_container .navbar-brand span {
		transition: .3s;
	}

	.lg_oecNavBar ul li, .lg_oecNavBar .navbar-brand img, .lg_oecNavBar .navbar-brand span {
		transition: .3s;
	}
	*/

    .lg_oecNavBar #OEC_navbar_container ul li {
        min-height: 110px;
        font-size: 18px;
    }

    .lg_oecNavBar .navbar-brand img {
        height: 80px;
        width: 80px;
    }

    .lg_oecNavBar .navbar-brand span {
        /* font-size: calc(1.275rem + 0.3vw); */
        font-size: 1.25rem;
    }
}


#navbarSearchContent.show {
    display: flex;
}

#oecNavBar {
    margin-top: 35px;
    /*height of OH_header*/
    padding: 0;
}


#oecNavBarResizableContent {
    font-size: 18px;
    overflow-y: auto;
}

#footer_terms > div {
    align-items: center;
    text-align: center;
    min-height: 60px;
}

#footer_terms a {
    color: white;
    font-weight: 400;
    font-size: 18px;
}


#oecNavBar:has(#navbarSearchContent.collapse.show),
#navbarSearchContent.collapse.show {
    background-color: #eaeaea !important;
    /* rgb(216, 216, 216) */
}

.info-box {
    background-color: #f9f9f9;
    border-left: 6px solid #73A5CC;
    padding: 2rem;
    margin-top: 2.5rem;
}

.info-box ul {
    margin-bottom: 0.75rem;
    padding-left: 1.25rem;
}

.info-box li {
    line-height: 1.5;
}



.info-box ul {
    padding-left: 1.45rem;
}

.info-box ul ul {
    padding-left: 1.2rem;
}

.info-box ul.circle-bullet {
    list-style-type: circle;
    padding-left: 2.75rem;
}


.oec-callout {
    border-radius: .5rem;
    padding: 1.5rem;
    height: 100%;
}

.stat-number {
    color: #73A5CC;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: .25rem;
}

.annual-report h3 {
    color: #0E3F75;
}


.info-box h3 {
    color: #73A5CC;
}

.section-margin {
    margin-top: 3rem;
}

@media (max-width: 991.98px) {
    .section-margin-mobile-0 {
        margin-top: 0;
    }
}

:focus-visible {
    outline: 3px solid #5B9BD5;
    outline-offset: 3px;
}

/* Header focus normalization */
#OH_header a:focus-visible,
#OH_header button:focus-visible,
#oecNavBar a:focus-visible,
#oecNavBar button:focus-visible,
#navbarSearchContent input:focus-visible {
    outline: 3px solid #5B9BD5;
    outline-offset: 3px;
    box-shadow: none !important;
}

/* Optional: remove any extra browser/Bootstrap focus decorations */
#OH_header a:focus,
#OH_header button:focus,
#oecNavBar a:focus,
#oecNavBar button:focus,
#navbarSearchContent input:focus {
    box-shadow: none !important;
}

/* Homepage hero search */
.input-group .form-control:focus-visible,
.input-group .btn:focus-visible {
    outline: 3px solid #5B9BD5;
    outline-offset: 3px;
    box-shadow: none !important;
}

.input-group .form-control:focus,
.input-group .btn:focus {
    box-shadow: none !important;
}

.oec-news-list .row {
    align-items: baseline;
}

.oec_news_link {
    color: #0E3F75;
    text-decoration: none;
}

.oec_news_link:hover,
.oec_news_link:focus {
    text-decoration: underline;
}

.oec_transcript_slide {
    border-left: 2px solid #003768;
    padding-left: 1rem;
    margin-bottom: 2rem;
}

.oec_transcript_slide_heading {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #6c757d;
    margin-bottom: .5rem;
}

.oec_transcript_onscreen {
    background-color: #f0f4f8;
    border-radius: 4px;
    padding: .5rem .75rem;
    margin-bottom: .75rem;
    font-size: .95rem;
}

.oec_transcript_onscreen li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.oec_transcript_onscreen ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.oec_item_card {
    border-radius: 0;
    border: none;
    color: inherit;
    display: block;
    background-color: whitesmoke;
}

/* ============================
   OEC COMPONENT - SEARCH RESULTS
   ============================ */

.gsc-control-cse {
    padding: 0 !important;
}

.gsc-refinementsArea {
    padding-left: 0 !important;
}

.gsc-refinementHeader {
    padding: 1rem !important;
    margin-left: 0 !important;
    margin-right: 1px !important;
}

.gsc-above-wrapper-area,
.gsc-wrapper {
    max-width: unset !important;
}

.gsc-result-info {
    padding-left: 0 !important;
}

.gsc-orderby-container {
    padding-right: 0 !important;
}

.gsc-result {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.gsc-cursor-page {
    padding: .5rem !important;
    margin-right: 1px !important;
}

.gcsc-more-maybe-branding-root,
.gcsc-find-more-on-google-branding {
    display: none !important;
}

@media (max-width: 767.98px) {

    .oec_contacts_table,
    .oec_contacts_table tbody,
    .oec_contacts_table tr,
    .oec_contacts_table td {
        display: block;
        border: none !important;
        background-color: transparent !important;
    }

    .oec_contacts_table thead {
        display: none;
    }

    .oec_contacts_table tr {
        padding: 0rem;
    }

    .oec_contacts_table td {
        padding: 1rem;
    }

    .oec_contacts_table td + td {
        padding-top: 0;
    }

}