/* Mega Menu Container */
#wt-mega-menu {

    padding: 0;
}

/* Menu Items */
.wt-menu-list {
    list-style: none!important;
    margin: 0;
    padding: 0!important;
    display: flex;
    flex: 1;
    align-content: end;
    justify-content: flex-end;
}
.global-search {width:50px;}

.wt-menu-item a {
    text-decoration: none;
/*   padding: 35px 20px;*/
    display: block;

}



    .wt-menu-item a.wt-submenu-toggle {
    text-decoration: none;
      padding: 35px 20px;
    display: flex;
    /* background: yellow; */
    height: 100%;
    align-content: center;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    color: var(--wt-color-primary-50-shade);
}



.wt-menu-item a.wt-submenu-toggle:hover,
.wt-menu-item a.wt-submenu-toggle:hover::after {
       background: var(--wt-color-primary-20);
    transition:ease-in-out .2s;
}
 

.wt-submenu a {
    color:white;
        transition:ease-in-out .2s;
         
}
.wt-active.wt-menu-item a.wt-submenu-toggle:hover,
.wt-active.wt-menu-item a.wt-submenu-toggle:hover::after {
background:var(--wt-color-primary-base);
  color:white;
        transition:ease-in-out .2s;
}

.wt-menu-item.wt-has-dropdown.wt-active {
    background:var(--wt-color-primary-base);
    }

    
.wt-active a.wt-submenu-toggle,
.wt-active a.wt-submenu-toggle::after
 {color:white;}



/* Dropdown - CLICK ONLY */
.wt-submenu {
    display: none;
    position: absolute;
    background: var(--wt-color-primary-base);
  transform: translateY(0); 
    z-index: 999999999;
}

/* Show dropdown when clicked */
.wt-has-dropdown.wt-active .wt-submenu {
    display: block !important;
}

.wt-submenu li a {
       display: block;
    padding:4px 8px;
    border-radius:4px;
}

.wt-submenu li a:hover {
        transition: ease-in-out .1s;
    text-decoration: underline;
}


 a.wt-submenu-toggle::after {
    content:'\f107';
    font-family:'Font Awesome 6 Pro';
    font-style:normal;
    font-weight:400;
      color: var(--wt-color-primary-50-shade);
        padding-left: 8px;
}

.wt-submenu-column {
    width: 25%;
    padding: 24px;}


    .wt-multi-column.fifths .wt-submenu-column {

        width:20%;

}


.wt-has-dropdown.wt-active .wt-submenu {
    display: flex !important;
    width: 100%;
    margin: auto;
    left: 0;
    background: var(--wt-color-primary-base);
        box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 25px;
}

.wt-submenu-group-heading {
    color:white;
}

.wt-logo-wrapper {
    width: 270px;
        flex-shrink: 0;
}
.wt-logo-wrapper img {width:260px;}

.wt-logo-wrapper a {display:flex;}

.wt-menu-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
        border-top: 1px solid var(--wt-color-primary-25);
        background:white;
            z-index: 99999;
    position: relative;

}

.wt-submenu-column ul {margin-bottom: 1em; list-style: none!important;
   
    padding: 0!important;}
.wt-submenu-group-heading {
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;
   border-bottom: 2px solid var(--wt-color-primary-25-shade);
    width: 100%;
    display: block;
    padding: 8px;
    font-weight:600;
}

.wt-menu-container   .wt-mobile-nav-column {
    width: 60px;
    flex: none;
    
}
.connect .wt-submenu-group-heading {
   
    border-bottom: 2px solid var(--wt-color-primary-base);}
.connect .wt-submenu-column {
    background: #4b6a8f;
    margin: 2% 1%;
    border-radius:8px;}


/*SEARCH BAR*/


.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

input#search-input {
    width: 100%;
  
    font-size: 1rem;
    background: transparent;
    border: none;
}

input#search-input::placeholder {color:var(--wt-color-primary-base);}

.wt-search-wrap {
  
    display: flex;
    background: var(--wt-color-primary-10);
    width: 100%;
        margin: auto;
    max-width: 500px;
    border-radius: 4px;
    overflow: hidden;
    border:1.5px solid var(--wt-color-primary-20);
    padding:4px;
}
.wt-search-wrap .fa-search {color:var(--wt-color-primary-25-shade);}


button.wt-search-button {
    padding: 1px 12px;
    background: var(--wt-color-primary-10);
    border: none;
}