table { margin: auto; table-layout: auto; }
table td { padding: 0 0 0 0; border-bottom: none; }
h2.c-ttl { font-size: 2em; text-align: left; }
/*.o-mainHeader_nav>ul { margin-bottom: 0px; }
.o-mainHeader_nav>ul>li a { font-size: 1rem; }*/
table tr:hover { background: none; }
table.VisTable td, table.VisTable th { padding: 0 !important; }
table.BigLinks td { padding: 30px 15px 10px 15px !important; }
@media (min-width: 769px) {
    table.VisTable td, table.VisTable th { padding: 0 !important; }
}
@media (max-width:55.5625em) {
    section .section__wrapper>h1 { font-size: 1.7em; padding-left: 20px; }
}


/* October 2024 - the new head-nav styles*/
.head-nav {
    --tw-bg-opacity: 1;
    background-color: rgb(0 113 189/var(--tw-bg-opacity));
    padding-top: 24px
}

.hx .head-nav h1 {
    font-size: clamp(1.75rem,1.532rem + 0.968vw,2.5rem);
    line-height: 1.1;
    font-weight: 700;
    text-align: left;
}

.hx .head-nav h1.vtrim:before {
    display: block;
    margin-top: -.15em;
    content: ""
}

.hx .head-nav h1.vtrim:after {
    display: block;
    margin-bottom: -.15em;
    content: ""
}

.hx .head-nav h1 {
    padding-bottom: 8px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.hx .head-nav nav {
    margin-top: 12px;
    border-top-width: 2px;
    border-color: rgb(255 255 255/0.25)
}

.hx *,.hx ::before,.hx ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb
}

.hx ol,.hx ul,.hx menu {
  list-style: none;
  margin: 0;
  padding: 0
}


.hx .head-nav nav ul {
    margin-left: -8px;
    margin-right: -8px;
    display: flex;
    gap: 0;
    overflow-x: auto
}

@media(min-width:768px) {
    .hx .head-nav nav ul {
        margin-left: -16px;
        margin-right: -16px
    }
}

.hx .head-nav nav ul li {
    flex-shrink: 0
}

.hx .head-nav nav ul li a {
    position: relative;
    display: block;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 16px;
    padding-bottom: 16px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media(min-width:768px) {
    .hx .head-nav nav ul li a {
        padding-left: 16px;
        padding-right: 16px
    }
}

.hx .head-nav nav ul li a:before {
    position: absolute;
    top: -2px;
    left: 16px;
    right: 16px;
    display: block;
    height: 2px;
    --tw-content: '';
    content: var(--tw-content)
}

.hx .head-nav nav ul li a:hover:before, .hx .head-nav nav ul li a:focus:before {
    background-color: rgb(255 255 255/0.75)
}

.hx .head-nav nav ul li a.active {
    --tw-text-opacity: 1;
    color: rgb(251 235 2/var(--tw-text-opacity))
}

.hx .head-nav nav ul li a.active:before {
    --tw-bg-opacity: 1;
    background-color: rgb(251 235 2/var(--tw-bg-opacity))
}