/*------------------------------------*\
    
    Header CSS
 
    eg: Header, Navigation, Ubermenu, Masthead 
    Page head.............The main page header.
    Navigation............Navigation elements + Ubermenu.
    Masthead..............Page title/image/slideshow header block.
    Breadcrumbs...........Breadcrumbs navigation typically near the masthead/page heading

\*------------------------------------*/

/**
 * Page-head
 */

.page-header {
    position: relative;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: var( --dark-blue );
    width: 100%;
    transition: all ease-in-out 300ms;
    padding: 0;
}

.page-header.js-scrolled {
    box-shadow: 0 3px 6px rgba( 0, 0, 0, .16 );
}


@media( min-width : 1200px ) {
    .page-header {
        background-color: var( --white );
    }
}

@media( min-width : 1200px ) {
    .admin-bar .page-header {
        margin-top: 32px;
    }
}

.nav-fixed {
    position: fixed;
    bottom: 0;
    background-color: var( --dark-blue );
    width: 100%;
    height: 70px;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    z-index: 9999;
}

.nav-fixed-left {
    width: 270px;
    background: var( --dark-blue );
    position: relative;
    padding: 4px 0 4px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.nav-fixed-left:before {
    display: inline-block;
    content: '';
    width: 35px;
    height: 35px;
    position: absolute;
    background: var( --dark-blue );
    top: 8px;
    right: -17px;
    transform: rotate(-135deg);
}

.nav-fixed-left .btn {
    padding: 10px 38px 9px;
}

.nav-fixed-call-btn {
    text-align: center;
    padding-left: 20px;
}

.nav-fixed-call-btn a,
.toggle-menu {
    font-size: 10px;
    text-transform: uppercase;
    color:  var( --white );
    font-family: 'latomedium';
    font-weight: normal;
    border: none;
    line-height: 1em;
}

.nav-fixed-call-btn i {
    display: block;
    font-size: 26px;
    line-height: 1em;
    margin-bottom: -3px;
}

.nav-fixed-right {
    padding-right: 20px;
    text-align: center;
}

.nav-search-mobile {
    display: none;
    margin-top: 10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: 700px;
    width: 100%;
    padding: 0 20px;
}

.nav-search-mobile .search-container {
    margin: 0;
    width: 100%;
    box-shadow: var(  --box-shadow );
}

.nav-search-mobile .search-container input {
    padding: 20px 20px 20px 60px;
}

.toggle-menu {
    cursor: pointer;
}

.toggle-menu i {
    display: block;
    font-size: 36px;
    line-height: 1em;
}

.logo {
    position: relative;
    width: 122px;
    margin: 10px 0;
    float: left;
}

.logo img {
    width: 100%;
    display: block;
    height: auto;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (max-width: 1199px) {

    .logo img { display: none!important; }

    .logo a {
        background: url('https://salientprocess.com/wp-content/uploads/2022/05/logo-white.png');
        background-size: 121px 57px;
        background-repeat: no-repeat;
        height: 57px;
        width: 121px;
        display: block;
    }

}


.header-right {
    float: right;
}

.js-search-toggle {
    font-size: 31px;
    color: var( --white );
    cursor: pointer;
}

.curve {
    background: var( --dark-blue-01 );
    width: 78px;
    height: 77px;
    margin-right: -22px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.curve:before {
    display: inline-block;
    content: '';
    width: 54px;
    height: 54px;
    position: absolute;
    background: var( --dark-blue-01 );
    top: 11px;
    left: -28px;
    transform: rotate(-45deg);
    z-index: -1;
}

@media( min-width : 1200px ) {
    .curve {
        background: var( --white );
    }
    
    .curve:before {
        background: var( --white );
    }

    .ubermenu-skin-minimal.ubermenu-responsive-toggle {
        color: var( --navy-blue )!important;
    }
}

.tablet-header-top {
    background: #EDEDED;
    padding: 5px 0 6px;
    text-align: center;
}

.tablet-header-top a {
    font-size: 14px;
    color: #044C84;
}

.tablet-header-top a span {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

.tablet-header-top a i {
    font-size: 16px;
    color: #0188E8;
    padding-right: 8px;
    vertical-align: middle;
    padding-bottom: 3px;
}

.header-top {
    float: right;
    background: #F7F7F7;
    height: 55px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding-left: 20px;
    position: relative;
}

.header-top::before {
    display: inline-block;
    content: '';
    width: 39px;
    height: 39px;
    position: absolute;
    background: #F7F7F7;
    top: 8px;
    left: -19px;
    transform: rotate(-45deg);
    z-index: -1;
}

.header-top a {
    font-size: 18px;
    color: #044C84;
}

.header-top a span {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

.header-top a i {
    font-size: 16px;
    color: #0188E8;
    padding-right: 10px;
    vertical-align: middle;
    padding-bottom: 3px;
}

.search-container {
    position: relative;
    width: 224px;
    height: 100%;
    background: #F0F0F0;
    margin-left: 30px;
}

.search-container input {
    width: 100%;
    height: 100%;
    border: none;
    font-size: 18px;
    color: #044C84;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    padding: 0 15px 0 60px;
    background: transparent;
}

.search-btn {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 16px;
    color: #0188E8;
    cursor: pointer;
    background: transparent;
    border: none;
}

.search input::-webkit-input-placeholder {
    color: #044C84;
    opacity: 1;
}

.search input::-moz-placeholder { 
    color: #044C84;
    opacity: 1;
}

.search-container input:-moz-placeholder { 
    color: #044C84;
     opacity: 1;
  }

.search-btn:hover {
    color: var( --navy-blue );
}

.header-top form {
    height: 100%;
}

@media (min-width: 768px) {
    
    .logo {
        width: 142px;
        margin: 15px 0;
    }
    
    .header-right {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .curve {
        width: 100px;
        height: 97px;
        margin-right: -52px;
        padding-right: 30px;
    }

    .curve:before {
        width: 68px;
        height: 68px;
        top: 15px;
        left: -35px;
    }

    .curve-tablet {
        background: transparent;
        width: auto;
        height: auto;
        margin-right: 0px;
        display: block;
    }

    .curve-tablet:before {
        display: none;
    }

    .nav-fixed-contact-btn {
        padding-right: 80px;
    }

    .toggle-menu {
        text-align: center;
    }

    .toggle-menu i {
        font-size: 38px;
    }

    .nav-fixed {
        background-color: var( --white );
    }


}

@media (min-width: 1200px) {
    .page-header::before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        height: 55px;
        width: 30%;
        background-color: #F7F7F7;
    }

    .logo {
        width: 150px;
        margin: 20px 0;
    }

    .page-header {
        position: fixed;
    }

    .header-right {
        display: block;
        float: right;
    }

}

@media (min-width: 1300px) {
    .logo {
        width: 179px;
    }
}




@media (min-width: 2200px) {
    .page-header::before {
        width: 40%;
    }
}

@media(max-width: 1199px) {
    .logo img.hidden-md-up {
        display: block !important;
    }
}



/**
 * Navigation
 */


/* General Styling */
.nav-primary {
    display: none;
    clear: both;
    position: relative;
}

.nav-primary ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav-primary li {
    cursor: pointer;
    position: relative;
    margin: 0;
    padding: 0;
}

.nav-primary li:before,
.nav-primary li:after {
    display: none; 
}

.nav-primary a {
    display: block;
    text-decoration: none;
    color: #044C84;
    font-family: 'latomedium';
    font-weight: normal;
    border: none;
    text-transform: uppercase;
}


/* 1st Level */

.nav-primary > .menu > li {
    display: inline-block;
}


/* Sub Menus */

.nav-primary .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    max-width: 250px; 
}

.nav-primary li:hover > .sub-menu {
    display: block;
}

.nav-primary .sub-menu li {
    display: block;
}


/* 3rd Level Sub Menus */

.nav-primary .sub-menu .sub-menu {
    top: 0;
    left: 100%;
}

@media (min-width: 1200px) {

    .nav-primary {
        padding: 10px 0 0 0;
        display: block;
    }

    .nav-primary li {
        float: left;
        font-size: 18px;
        margin: 0;
        padding: 0 46px;
        position: relative;
    }

    .nav-primary li:first-child {
        padding-left: 0;
    }

    .nav-primary li:last-child {
        padding-right: 0;
    }

    .sub-menu-toggle {
        position: absolute;
        right: 24px;
        color: #0188E8;
        font-size: 11px;
        top: 10px;
    }

    .js-scrolled .nav-primary li {
        font-size: 18px;
    }
}

@media (min-width: 1366px) {

}



/**
 * Ubermenu Styling (Starter CSS - Generally no editing needed)
 */
@media only screen and (max-width: 1024px) {
  /* forces mobile menu to push other menu items down when open instead of the sub-menu overlapping other menu items */
  .ubermenu .ubermenu-item .ubermenu-submenu-drop {
      position: relative !important;
  }

  .ubermenu-responsive.ubermenu {
      margin: 0;
      position: fixed;
      width: 100%;
      z-index: 900;
      background:var( --white );
  }

  .ubermenu .ubermenu-item {
      position: relative !important;
  }

  /* styles the sub-menu indicator on mobile and tablet */
  .ubermenu-sub-indicator {
      padding: 20px;
  }

  .ubermenu-responsive-toggle {
      float: right;
  }
}

.ubermenu-responsive-toggle i { /* controls styling of mobile menu toggle */
    display: block; 
    font-size: 30px;
    margin: 0 !important;
}

.ubermenu-sub-indicator-close {
    display: none !important;
}

@media( max-width : 767px ) {
    .logged-in .ubermenu-responsive.ubermenu {
        top: 47px!important;
        max-height : 100%!important;
    }
    .ubermenu-responsive.ubermenu {
        top: 0;
        height: 100%;
        max-height : 100%!important;
    }

    .logged-in .js-scrolled .ubermenu-responsive.ubermenu {
        top: 0!important;
    }
}


@media only screen and (min-width: 1024px) {
  .ubermenu > ul > li > a {
      padding-top: 40px !important; /* controls top level menu items on desktop size */
      padding-bottom: 40px !important;
      display: block;
  }
}

.sticky-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    background: var( --white );
    width: 100%;
    z-index: 9;
    border-top: 1px solid #ccc;
}

.ubermenu-responsive.ubermenu {
    bottom: auto;
    left: 0;
    height: 100%;
    overflow-x: scroll !important;
    z-index: 2000;
}

.desktop-menu .ubermenu-responsive-toggle {
    display: none;
    z-index: 2000;
    position: relative;
}

.ubermenu-skin-minimal.ubermenu-responsive-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var( --white )!important;
}

@media only screen and (min-width: 768px) {
  .ubermenu-responsive.ubermenu {
      bottom: auto;
      max-height: auto !important;
      overflow-x: inherit !important;
  }


  .sticky-bar {
      display: none;
  }

  .desktop-menu {
      display: inline-block;
  }

  .desktop-menu .ubermenu-responsive-toggle {
      display: block;
  }
}

@media only screen and (min-width: 1025px) {
    .desktop-menu .ubermenu-responsive-toggle {
        display: none;
    }
 
    .ubermenu-responsive.ubermenu {
        top: auto; 
    }
}

body.menu-is-active .nav-primary {
    display: block;
}

html.menu-is-active {
    overflow: hidden;
}

@media( max-width : 767px ) {

    .logged-in .ubermenu-responsive.ubermenu {
        top: 176px;
    }

    .ubermenu-responsive.ubermenu {
        top: 77px;
    }

    .ubermenu-responsive-default.ubermenu-responsive.ubermenu-mobile-accordion:not(.ubermenu-mobile-modal):not(.ubermenu-in-transition):not(.ubermenu-responsive-collapse) {
        height: calc(100vh - 147px)!important;
    }

}

@media( max-width : 1199px ) {

    .ubermenu-submenu-type-flyout li {
        background-color: var( --dark-blue-02 )!important;
        color: var( --white )!important;
        border-bottom: 1px solid #D6DBDB!important;
    }

    .ubermenu-submenu-type-flyout li a {
        padding: 20px!important;
        font-family: var( --font-lato );
        color: var( --white )!important;
    }

    .nav-fixed-contact-btn .btn {
        border-color: var( --white );
        color: var( --white );
    }

    .logged-in .ubermenu-responsive.ubermenu {
        top: 176px;
    }

    .ubermenu-responsive.ubermenu {
        top: 77px;
        height: 100%;
        max-height : 100%!important;
    }

    ul.ubermenu-submenu-type-tabs-group li {
        background-color: var( --dark-blue-02 )!important;
        color: var( --white )!important;
    }

    ul.ubermenu-submenu-type-tabs-group li a .ubermenu-target-text,
    .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-item-level-0.ubermenu-active .ubermenu-target-text,
    ul.ubermenu-submenu-type-tabs-group li a .ubermenu-sub-indicator,
    .ubermenu-sub-indicators .ubermenu-nav .ubermenu-has-submenu-drop.ubermenu-active>.ubermenu-target>.ubermenu-sub-indicator,
    .ubermenu-sub-indicators .ubermenu-nav .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator,
    .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-item-level-0 .ubermenu-target-text, .ubermenu.ubermenu-responsive .ubermenu-item-level-0 .ubermenu-target-text {
        color: var( --white )!important;
    }

    .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item.ubermenu-item-level-0>.ubermenu-target {
        background-color: var( --dark-blue-01 );
    }

    .ubermenu > ul > li {
        border-bottom: 1px solid var( --dark-blue )!important;
    }

    ul.ubermenu-submenu-type-tabs-group li.ubermenu-active > a,
	ul.ubermenu-submenu-type-tabs-group li.ubermenu-active > p {
        background-color: var( --dark-blue-04 )!important;
    }

    /* mobile design  */

    .ubermenu .ubermenu-column, .ubermenu .ubermenu-row {
        width: 100%!important;
    }

    .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item.ubermenu-active>.ubermenu-submenu.ubermenu-submenu-type-mega {
        margin-top: 30px;
    }

    .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target {
        font-family: var( --font-lato )!important;
        padding: 20px!important;
    }
    
    .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item.ubermenu-item-level-0>.ubermenu-target {
        display: flex!important;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 20px!important;
        border-bottom: 1px sold var( --blue-02 )!important;
    }

    .ubermenu .ubermenu-item .ubermenu-submenu-drop {
        position: relative !important;
    }

    body.menu-is-active:after{
        display: none !important;
    }

    .ubermenu-responsive-default.ubermenu-responsive.ubermenu-responsive-collapse{
        max-height: 0 !important;
    }

    .ubermenu-responsive-default.ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop {
        margin: 0!important;
    }

    .ubermenu-content-block {
        display: none;
    }

    .ubermenu ul li:before{
        display: none;
    }

    .ubermenu-responsive.ubermenu {
        margin: 0;
        position: fixed;
        width: 100%;
        z-index: 900;
        background: var( --white );
        box-shadow: var( --box-shadow );
    }

    .ubermenu-skin-minimal .ubermenu-submenu.ubermenu-submenu-drop{
        border: 0 !important;
    }

    .ubermenu .ubermenu-item {
        position: relative !important;
    }

    .ubermenu-sub-indicator {
        position: absolute;
        right: 0;
        top: 0;
        padding: 20px;
        z-index: 900;
    }

    .ubermenu-responsive-default.ubermenu.ubermenu-submenu-indicator-closes .ubermenu-active>.ubermenu-target>.ubermenu-sub-indicator{
        display: block !important;
    }

    .ubermenu-responsive-toggle {
        float: right;
    }

    .ubermenu-skin-minimal.ubermenu-responsive-toggle{
        text-align: center;
        text-transform: uppercase !important;
        font-size: 11px;
    }

    .ubermenu-sub-indicators .ubermenu-nav .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator{
        top: 0px !important;
        margin-top: 0 !important;
        color: var( --navy-blue );
        right: 0 !important;
        font-size: 25px;
    }

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

    .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-item-level-0.ubermenu-active{
        background: #2B5597;
    }

    .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-item-level-0 .ubermenu-target-text,
    .ubermenu.ubermenu-responsive .ubermenu-item-level-0 .ubermenu-target-text{
        color: #2B5597;
        font-size: 16px;
        font-family: var( --font-lato );
        font-weight: bold;
    }

    .ubermenu.ubermenu-responsive .ubermenu-item-level-0.ubermenu-active > a > .ubermenu-target-text{
        color: var( --white );
    }


    .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-item-level-0.ubermenu-active .ubermenu-target-text{
        color: var( --white );
    }

    .ubermenu-sub-indicators .ubermenu-nav .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator{
        display: inline-block;
        z-index: 9999;
    }

    .ubermenu-sub-indicators .ubermenu-nav .ubermenu-has-submenu-drop.ubermenu-active>.ubermenu-target>.ubermenu-sub-indicator{
        color: var( --white ) !important;
        display: inline-block;
        z-index: 9999;
    }

    .ubermenu-sub-indicators .ubermenu-nav .ubermenu-has-submenu-drop.ubermenu-active>.ubermenu-target>.ubermenu-sub-indicator{
         color: var( --white );
    }

    .ubermenu .ubermenu-tab-content-panel .menu-heading>.ubermenu-target>.ubermenu-target-text{
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 16px !important;
        color: #2B5597 !important;
        font-weight: bold !important;
        width: 100%;
        font-family: var( --font-lato ) !important;
    }

    .ubermenu .ubermenu-tab-content-panel .menu-heading>.ubermenu-target{
        padding: 15px 45px !important;
        background: var( --white );
        border-bottom: 1px solid #D6DBDB;
    }


    ul.ubermenu-submenu-type-tabs-group li{
        background: var( --white );
    }

    ul.ubermenu-submenu-type-tabs-group li a{
        color: #353535 !important;
    }

    ul.ubermenu-submenu-type-tabs-group li a .ubermenu-target-text{
        color: #353535 !important;
        font-family: var( --font-lato );

    }

    ul.ubermenu-submenu-type-tabs-group li ul.ubermenu-submenu-type-tab-content-panel a .ubermenu-target-text{
        font-family: var( --font-lato )!important;
    }

    .ubermenu-nav .ubermenu-active > .ubermenu-target > .ubermenu-sub-indicator.fa-angle-down:before{
        content: "\f106" !important;
    }

    body.menu-is-active .toggle-menu{
        margin-top: 0 !important;
    }

    .toggle-menu .menu-is-active .fa-bars{
        
        width: auto !important;
        text-align: center;
        margin-top: 2px !important;
        color: #214B6A !important;
    }

    .toggle-menu .menu-is-active .fa-bars:before{
       content: "\e90a" !important;
       font-size: 20px;
    }

    ul.ubermenu-submenu-type-tabs-group li.ubermenu-active > a{
        color: var( --white ) !important;
    }

    ul.ubermenu-submenu-type-tabs-group li.ubermenu-active > a .ubermenu-target-text{
        color: var( --white ) !important;
    }

    .ubermenu .ubermenu-tab .ubermenu-tab-content-panel{
        position: relative !important;
    }

    .ubermenu-responsive-default.ubermenu-responsive .ubermenu-tabs>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel{
        border: 0 !important;
        box-shadow: none !important;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    }

    .ubermenu .ubermenu-submenu-type-stack{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .ubermenu-responsive-default.ubermenu-responsive .ubermenu-tab>.ubermenu-target{
        border: 0;
    }

    .ubermenu-responsive-default.ubermenu-responsive .ubermenu-tab>.ubermenu-target{
        padding: 20px!important;
    }

    .ubermenu-responsive-default.ubermenu-responsive .ubermenu-tab{
        border-bottom: 1px solid #D6DBDB;
    }

    ul.ubermenu-submenu-type-tabs-group li .ubermenu-tab > .ubermenu-target{
        border: 0 !important;
    }

    ul.ubermenu-submenu-type-tabs-group li.ubermenu-active > a >.ubermenu-sub-indicator{
        color: var( --white ) !important;
    }

    /* First Level  */
    /* Second Level */

    /* Ubermenu 3rd Level */
    ul.ubermenu-tab-content-panel > li{
        margin-top: 0 !important;
    }

    ul.ubermenu-tab-content-panel > li > ul{
        padding-bottom: 0 !important;
    }

    ul.ubermenu-tab-content-panel > li > ul > li{
        margin-top: 0 !important;
    }

    ul.ubermenu-tab-content-panel li ul.ubermenu-submenu-type-stack > .menu-heading > ul.ubermenu-submenu-type-stack{
        margin-bottom: 0;
        padding-left: 40px;
    }


    /* 4th Level ;*/
    ul.ubermenu-tab-content-panel li ul.ubermenu-submenu-type-stack > .menu-heading > ul.ubermenu-submenu-type-stack li > ul{
        padding-left: 15px;
    }

    ul.ubermenu-tab-content-panel li ul.ubermenu-submenu-type-stack > .menu-heading > ul.ubermenu-submenu-type-stack li > ul li a.ubermenu-target .ubermenu-target-text{
        font-size: 16px;
        color: #798686;
        font-weight: normal !important;
    }
}

@media( min-width : 1200px ) {
    .ubermenu-submenu-drop {
        margin-left: -10px!important;
        max-width: 300px;
        width: 100%;
    }

    .ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item {
        padding: 20px 13px!important;
    }

    .ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item:hover {
        background-color: var( --gray );
    }

    .ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
        border-bottom: 4px solid var( --blue-02 );
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .ubermenu-responsive-default.ubermenu-responsive.ubermenu {
        margin-top: 0px;
        padding: 0px;
    }

    .ubermenu-skin-minimal.ubermenu-responsive-toggle {
        display: none;
    }

    .ubermenu-main .ubermenu-submenu-type-mega .ubermenu-row{
        margin-right: auto;
        margin-left: auto;
        margin-top: 0px;
        padding-left: 0;
        padding-right: 0;
    }

    .ubermenu>.ubermenu-nav>.ubermenu-item>.ubermenu-target {
        padding: 15px 25px 25px!important;
    }

    .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
        right: 7px!important;
        top: 38%!important;
        color: var(--blue-02 );
    }

    .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group {
        max-width: 260px;
        width: 100%!important;
        border-top: 4px solid var( --blue-02 )!important;
        box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.15);
        -webkit-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.15);
        -moz-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.15);
        border-top: 4px solid var( --blue-02 );
        border-bottom-left-radius: 6px;
    }

    .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel {
        padding: 30px 20px;
    }

    .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group > li {
        padding: 30px 20px!important;
    }

    .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group > li.ubermenu-active,
    .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group > li.ubermenu-active > a {
        background-color: var( --gray )!important;
    }
    
    .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group > li:not(.ubermenu-has-submenu-drop ) {
        padding-bottom: 0!important;
    }

    .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group > li:not(.ubermenu-has-submenu-drop ):hover {
        text-decoration: underline;
    }

    .ubermenu-skin-minimal .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target {
        background-color: transparent!important;
    }

    .ubermenu-sub-indicators .ubermenu-tabs.ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
        display: none;
    }

    .ubermenu.ubermenu-disable-submenu-scroll .ubermenu-active>.ubermenu-submenu.ubermenu-submenu-type-mega{
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group{
        background: var( --white );
        border: 0;
    }

    .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item.ubermenu-column-auto {
        padding: 0 0 20px 0!important;
    }

    .ubermenu .ubermenu-nav .ubermenu-column-3-4 {
        width: auto;
        margin-left: 268px;
        left: 0;
        right: auto;
    }

    .ubermenu-submenu-id-4048,
    .ubermenu-submenu-id-4610,
    .ubermenu-submenu-id-4611,
    .ubermenu-submenu-id-4439,
    .ubermenu-submenu-id-124,
    .ubermenu-submenu-id-5533 {
        width: 38%!important;
    }

    .ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item {
        min-width: 220px !important;
    }

    .ubermenu-submenu-id-4048 > li,
    .ubermenu-submenu-id-4610 > li,
    .ubermenu-submenu-id-4611 > li,
    .ubermenu-submenu-id-4612 > li,
    .ubermenu-submenu-id-4439 > li {
        padding: 0!important;
    }

    .ubermenu .ubermenu-submenu .ubermenu-column-auto {
        width: 100%!important;
    }

    .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group > li.ubermenu-active .ubermenu-tab-content-panel {
        background-color: var( --gray );
        border-top: 4px solid var( --blue-02 )!important;
        box-shadow: 7px 2px 5px 1px rgb(0 0 0 / 15%);
        -webkit-box-shadow: 7px 2px 5px 1px rgb(0 0 0 / 15%);
        -moz-box-shadow: 7px 2px 5px 1px rgb(0 0 0 / 15%);
        border-top: 4px solid var( --blue-02 );
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        border-bottom-right-radius: 6px;
        width: auto;
        height: auto;
    }

    .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group > li.ubermenu-active .ubermenu-tab-content-panel > li:last-child {
        padding: 0!important;
    }

    .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group > li.ubermenu-active .ubermenu-tab-content-panel > li:first-of-type {
        padding-right: 20px;
    }

    .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group > li.ubermenu-active .ubermenu-tab-content-panel > li:only-child {
        padding-right: 0px!important;
    }

    .ubermenu-content-block {
        padding-left: 0!important;
        padding-right: 0!important;
        padding-top: 0!important;
        padding-bottom: 0!important;
        font-size: 14px;
        font-weight: 100;
        font-family: var( --font-lato );
        line-height: 1.4em;
    }

    .ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
        margin-top: 0!important;
    }

    .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target {
        color: var( --blue )!important;
        font-size: 16px!important;
        border-bottom: 1px solid var( --gray )!important;
    }


    .ubermenu .ubermenu-item.ubermenu-item-level-0.ubermenu-current-menu-ancestor,
    .ubermenu .ubermenu-item.ubermenu-item-level-0.ubermenu-active {
        background-color: var( --blue-02 )!important;
    }

    .ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item>.ubermenu-submenu.ubermenu-submenu-type-mega {
        max-width: 750px;
		padding: 0 20px;
        width: 100%;
        position: absolute;
        background-color: transparent;
        border: transparent;
        outline: none;
        box-shadow: 0 0 0 transparent!important;
        margin-left: -20px!important;
    }

    .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group > li.ubermenu-active .ubermenu-tab-content-panel > li:first-child > ul > li {
        transition: all ease-in-out 300ms;
        transform: translateX(0);
    }

    .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group > li.ubermenu-active .ubermenu-tab-content-panel > li:first-child > ul > li:hover {
        transform: translateX(5px);
    }

    .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group > li.ubermenu-active .ubermenu-tab-content-panel > li:only-child > ul > li:hover {
        transform: translateX(0);
    }

    .ubermenu ul li a,
	.ubermenu ul li > p {
        padding: 0!important;
        color: #044C84!important;
    }

}

.ubermenu ul li > p,
.ubermenu ul li.menu-no-link {
	cursor: default !important;
}

body:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba( 0, 0, 0, .25 );
    z-index: -1000;
}

body.menu-is-active:after {
    z-index: 1000;
    display: none;
}


/* Ubermenu CSS Style */

.ubermenu {
    display: none;
    clear: both;
}

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

.ubermenu li {
    cursor: pointer;
    position: relative;
    margin: 0;
    padding: 0;
}

.ubermenu li:before,
.nav-primary li:after {
    display: none; 
}

.nav-primary button.ubermenu-responsive-toggle {
    display: none;
}

.ubermenu-responsive-toggle.menu-is-active i::before {
    content: "\f00d"!important;
}

.ubermenu ul li a,
.ubermenu ul li > p {
    display: block!important;
    text-decoration: none;
    font-family: 'latomedium'!important;
    font-weight: normal!important;
    text-transform: uppercase!important;
}

.ubermenu .ubermenu-target-description {
    display: block!important;
    text-decoration: none;
    font-size: 14px!important;
    font-family: 'lato'!important;
    font-weight: normal!important;
    text-transform: none!important;
    color: #333333!important;
}

.column-container .btn {
    color: var( --white )!important;
    padding: 9px 20px 9px!important;
    margin-top: 20px;
}

.column-container figure {
    margin: 0;
}

.column-container figure img {
    width: 100%;
    cursor: default;
}


@media (min-width: 1200px) {

    .ubermenu {
        padding: 26px 0 0 0;
        display: block;
    }

    .ubermenu li {
        float: left;
        font-size: 18px;
        margin: 0;
        padding: 0 10px!important;
        position: relative;
    }

    /* .ubermenu li:first-child {
        padding-left: 0!important;
    }

    .ubermenu li:last-child {
        padding-right: 0!important;
    } */

    .sub-menu-toggle {
        position: absolute;
        right: 24px;
        color: #0188E8;
        font-size: 11px;
        top: 10px;
    }

    .js-scrolled .nav-primary li {
        font-size: 18px;
    }
}

@media( max-width: 1024px ) {
    .sticky-bar {
        z-index: 2000 !important;
    }
}

/* Modern IPhone Fixes */
@media screen and (width: 375px) and (height: 813px) {
	
	.sticky-bar {
		
		
		/* prevents 'home indicator' overlap */
		padding-bottom: 34px; 
		
		/* prevents content from being cut off in screen rounded corners */
		padding-left: 16px;
		padding-right: 16px;
	}
}




/**
 * Ubermenu Styling - Custom Styles
 */




/**
 * Masthead
 */
 .masthead {
    position: relative;
}

 .masthead--innerpage {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+50,f7f7f7+100 */
    background: rgb(247,247,247); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(247,247,247,1) 0%, rgba(255,255,255,1) 50%, rgba(247,247,247,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 50%,rgba(247,247,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 50%,rgba(247,247,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 */
    padding: 38px 0;
    color: #044C84;
 }

 .masthead--innerpage h1,
 .masthead--innerpage .h1 {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
  }

  .masthead--innerpage h1::before,
  .masthead--innerpage .h1::before{
    content: "";
	background-image: url(https://salientprocess.com/wp-content/uploads/2022/07/icon-border-circle.svg);
	background-position: top;
	background-size: 100%;
	background-repeat: no-repeat;
    position: absolute;
    right: -14px;
    top: -9px;
    width: 30px;
    height: 20px;
  }

  @media (min-width: 768px) {
    .masthead--innerpage {
        padding: 50px 0;
    }

    .masthead--innerpage h1::before,
	.masthead--innerpage .h1::before {
        right: -25px;
        top: -9px;
        width: 40px;
        height: 24px;
    }
  }

  @media (min-width: 1200px) {
    .masthead {
        margin-top: 122px;
    }
    
    .masthead--innerpage {
        padding: 70px 0;
    }
  }

/**
 * Breadcrumbs
 */

 .breadcrumbs {
     position: relative;
}

.breadcrumbs ul {
    margin: 0;
    padding: 0;
}

.breadcrumbs ul li {
    margin: 0;
    padding: 0 10px 0 5px;
    display: inline-block;
    color: #58605C;
    font-size: 16px;
    font-weight: 400;
    font-family: 'latomedium';
}

.breadcrumbs ul li a {
    color: #58605C;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}

.breadcrumbs ul li::before {
    display: none;
}

.breadcrumbs ul li::after {
    content: "/";
    position: absolute;
    right: -2px;
    top: 0;
}

.breadcrumbs ul li:last-child::after {
    display: none;
}

@media (min-width: 768px) {

    .breadcrumbs {
        padding-top: 20px;
    }

    .breadcrumbs ul li {
        font-size: 18px;
    }
}

@media(max-width:767px){
    #WACWidget,
    .WACLauncher__ButtonContainer{
        margin-bottom: 60px !important;
        margin-right: -20px;
    }
}