/* --------------------------------------------------------------------- POTENTIALLY GO FULL WIDTH FOR BETTER USABILITY*/
.ubermenu {
    font-size: 16px; 
    line-height: 18px;
    text-align: center;
}

.ubermenu .ubermenu-target {
    padding: 16px 8px 24px 8px;
    font-size: 16px;
}

.ubermenu .ubermenu-row {
    margin-bottom: 0px !important;
}

ul.ubermenu-submenu.ubermenu-submenu-id-4114.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item {
    padding: 4px !important;
}

a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_left {
    padding-left: 16px !important;
    padding-right: 16px !important;
    font-size: 16px !IMPORTANT;
}

.ubermenu-column-1-3 {
    padding: 16px 32px 32px 32px !important;
}

.ubermenu {
    margin-top: 16px !important;
}

.ubermenu .ubermenu-submenu .ubermenu-column-auto {
    min-width: 100px;
    width: 100%;
}

.main-navigation-wrap {
    position: relative;
}

div.ubermenu-submenu { 
    
    width: 940px !important;
    left: -20vh !important;
    
}

.ubermenu .ubermenu-row {
    margin-bottom: 0px !important;
    max-width: 980px !important;
    margin: 0px auto !important;
}

.ubermenu-submenu li a {
    padding: 15px 38px 10px 38px !important;
    transition: all 0.2s ease;
}

.ubermenu-submenu li p.no-padding a {padding: 0px !important;}

.ubermenu > ul > li.ubermenu-has-submenu-drop > a::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.ubermenu > ul > li.ubermenu-has-submenu-drop > a::after {
    font: var(--fa-font-light);
    content: '\f078';
    width: 12px;
    height: 12px;
    padding: 0px 14px 0px 4px;
    transition: width .3s;
}

.header-alt .ubermenu ul li a {
    padding-bottom: 12px !IMPORTANT;
    transition: all 0.2s ease;
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 0px;
    margin-right: 4px;
    margin-left: 4px;
}

.ubermenu-target-text i {
    display: inline-block;
    width: 24px;
}

.top-bar nav.right {
    width: 100%;
    padding-top: 34px;
}

a.ubermenu-target {
    color: #232023;
}



/* ICON MENU ITEMS */
.uber-add-margin-bottom {margin-bottom: 20px !important;}

a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_left {
    padding-bottom: 12px !important;
}

a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_left  > .ubermenu-target-text {
    padding: 6px 6px 6px 6px;
    line-height: 21px;
}

.ubermenu .ubermenu-target-description {
    font-size: 13px !important;
}



/* ICONS */
.wpmenucart-contents span.cartcontents {
    font-size: 0.77em;
    line-height: 1.25em;
    white-space: nowrap;
    text-align: center;
    border-radius: 1.75em;
    background-color: rgb(94 118 235 / 80%);
    color: #fff;
    min-width: 1.35em;
    height: 1.65em;
    padding: 0 0.5833333333em;
    position: absolute;
    right: -0.35em;
    top: 0.25em;
    z-index: 3;
}


.ubermenu .ubermenu-item-layout-image_left>.ubermenu-image {
    padding: 2px;
    margin-top: 6px;
}

.ubermenu .ubermenu-item-layout-image_above > .ubermenu-image {
    padding-top: 6px;
}


/* Highlight links / wayfinding */
.ubermenu-item-level-0 > a:hover > span,
.ubermenu-item-level-0 > a:focus > span,
.ubermenu-item-level-0 > a:hover > span,
.ubermenu-item-level-0 > a:focus > .ubermenu-sub-indicator::before,
.ubermenu-item-level-0 > a:hover > .ubermenu-sub-indicator::before {
    text-decoration: none;
    -webkit-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
}

.ubermenu-item-level-0.ubermenu-current-menu-item > a > span,
.ubermenu-item-level-0.ubermenu-current_page_item > a > span,
.ubermenu-item-level-0.ubermenu-current-page-ancestor > a > span,
.ubermenu-item-level-0.ubermenu-current-menu-ancestor > a > span,
body.blog .ubermenu-item-level-0.ubermenu-current_page_parent > a > span,
body.single-post .ubermenu-item-level-0.ubermenu-current_page_parent > a > span,
.ubermenu-item-level-0.current-menu-item.active > a > span,
body.post-type-archive-course .ubermenu-item-10.ubermenu-item-level-0 > a > span,
body.single-resource .ubermenu-item-1917.ubermenu-item-level-0 > a > span{
    color: #001d4d !important;
}

.ubermenu-item-level-0.ubermenu-current-menu-item > a::after,
.ubermenu-item-level-0.ubermenu-current_page_item > a::after,
.ubermenu-item-level-0.ubermenu-current-page-ancestor > a::after,
.ubermenu-item-level-0.ubermenu-current-menu-ancestor > a::after,
body.blog .ubermenu-item-level-0.ubermenu-current_page_parent > a::after,
body.single-post .ubermenu-item-level-0.ubermenu-current_page_parent > a::after,
.ubermenu-item-level-0.current-menu-item.active > a::after,
body.post-type-archive-course .ubermenu-item-10.ubermenu-item-level-0 > a::after,
body.single-resource .ubermenu-item-1917.ubermenu-item-level-0 > a::after {
    transition: width .3s;
}

.translucent-header .header-primary .ubermenu-item-level-0.ubermenu-current-menu-item > a > span,
.translucent-header .header-primary .ubermenu-item-level-0.ubermenu-current_page_item > a > span,
.translucent-header .header-primary .ubermenu-item-level-0.ubermenu-current-page-ancestor > a > span,
.translucent-header .header-primary .ubermenu-item-level-0.ubermenu-current-menu-ancestor > a > span,
body.blog .translucent-header .header-primary .ubermenu-item-level-0.ubermenu-current_page_parent > a > span,
body.single-post .translucent-header .header-primary .ubermenu-item-level-0.ubermenu-current_page_parent > a > span,
.translucent-header .header-primary .ubermenu-item-level-0.current-menu-item.active > a > span,
body.post-type-archive-course .header-primary .translucent-header .ubermenu-item-10.ubermenu-item-level-0 > a > span,
body.single-resource .header-primary .translucent-header .ubermenu-item-1917.ubermenu-item-level-0 > a > span,
.translucent-header .header-primary .ubermenu-item-level-0.ubermenu-current-menu-item > a::after,
.translucent-header .header-primary .ubermenu-item-level-0.ubermenu-current_page_item > a::after,
.translucent-header .header-primary .ubermenu-item-level-0.ubermenu-current-page-ancestor > a::after,
.translucent-header .header-primary .ubermenu-item-level-0.ubermenu-current-menu-ancestor > a::after,
body.blog .translucent-header .header-primary .ubermenu-item-level-0.ubermenu-current_page_parent > a::after,
body.single-post .translucent-header .header-primary .ubermenu-item-level-0.ubermenu-current_page_parent > a::after,
.translucent-header .header-primary .ubermenu-item-level-0.current-menu-item.active > a::after,
body.post-type-archive-course .translucent-header .header-primary .ubermenu-item-10.ubermenu-item-level-0 > a::after,
body.single-resource .translucent-header .header-primary .ubermenu-item-1917.ubermenu-item-level-0 > a::after {
    color: #bfeeff !IMPORTANT;
}

.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal>.ubermenu-target {
    padding: 3px 0px 3px 12px !IMPORTANT;
}

.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal>.ubermenu-target,
.ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item a,
.ubermenu .ubermenu-submenu .ubermenu-target {
    background-color: rgba(255, 255, 255, .1);
    -webkit-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
    margin-bottom: 8px;
    font-size: 100%;
    color: #8c939e;
    padding-left: 14px !important;
}

.ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item a::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item a::after {
    font: var(--fa-font-light);
    content: '\f178';
    width: 12px;
    height: 12px;
    padding: 0px 14px 0px 4px;
    transition: width .3s;
    position: absolute;
    top: 12px;
    right: 12px;
}


.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target:hover,
.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target:focus,
.ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item a:hover,
.ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item a:focus,
.ubermenu .ubermenu-submenu .ubermenu-target:hover {
    color: #001d4d !important;
    background-color: rgba(255, 255, 255, .1);
}

/* Reset and configure block grids */
.sub-menu-block-grid-1,
.sub-menu-block-grid-2 {
    padding-top: 16px !important;
}

.sub-menu-block-grid-2 .ubermenu-submenu-type-stack li {
    width: 50% !important;
    float: left !important;
    padding-right: 12px;
}

.sub-menu-block-grid-3 .ubermenu-submenu-type-stack li {
    width: 33% !important;
    float: left !important;
}

.sub-menu-block-grid-2 .ubermenu-submenu-type-stack li.menu-sub-header {
    width: 100% !important;
    float: left !important;
    display: block;
}

.sub-menu-block-grid-3 .ubermenu-submenu-type-stack li.menu-sub-header {
    width: 100% !important;
    float: left !important;
    display: block;
}

.ubermenu-submenu-drop {
    background-color: #fff !important;
    font-size: 90% !important;
}

/* Unique Classes to target specific use cases */

.add-description-padding-top .ubermenu-target-description { padding-top: 8px;}