.sectionNavParent {
	background: linear-gradient(90deg, #003359 0%, #0E7C82 100%) !important;
}

.sectionNavParent[data-nav="wealthmanagement"] {
	background:	#003359 !important;
}

.sectionNavParent[data-nav="institutionalservices"] {
	background:	#0E7C82 !important;
}

.menuLogo {
	width: auto;   
	height:	27px;
}

.sectionNavParent[data-nav="corporate"] .menuLogo {
	height:	23px;
}


.navLinkList1 {    
	font-size: 14px;
	margin-left: 1.14em;    
}

.navLinkList1 > li {
    display: inline-block;	
	margin-left: 1.14em;
    margin-right: 1.14em;
}

.navLinkList1 > li > a {
    text-decoration: none;
	letter-spacing: 1px;
	color:#ffffff !important;
}

.navBtnSearch, .navBtnLogin {
    padding: 0.34em 1em;
}

.navLinkList1 ._hasKids,
.navBtnLogin  {
    position: relative;
}

.navLinkList1 ._hasKids:after,
.navBtnLogin[onclick]:after {
    content:"";
    border: 1px solid #ffffff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    width: 0.6em;
    aspect-ratio:1/1;
    vertical-align: text-top;
    margin-left: 0.3em;
    transform-origin: center;
    transform: rotate(45deg);
}


.navLinkList1 ._hasKids._open:after,
.navBtnLogin[onclick]._open:after {
    transform: rotate(225deg);
    vertical-align: baseline;
}

.navBtnSearch:after {
    content: "";
    display: inline-block;
    width: 1em;
    aspect-ratio:1/1;
    margin-left: 0.3em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/content/dam/wtb-web/images/svg/icon_search_white.svg);
	vertical-align: text-top;
}

.navLinkList1 .navLinkList1Sub {
	display: none;
}

	.navLinkList1Sub ul {
		list-style: none;
	}
	
	html:has( [rel="canonical"][href*="wealth-management-login"]) .navBtnLogin,
html:has( [rel="canonical"][href*="institutional-services-login"]) .navBtnLogin {
	display: none !important;
}
	
@media screen and (min-width: 1020px){
	
	.navLinkList1 > li > a:hover,
	.navLinkList1 > li > a:focus,
	.navBtnLogin:hover,
	.navBtnLogin:focus,
	.navBtnSearch:hover,
	.navBtnSearch:focus {
		text-decoration: underline;
		text-underline-offset: 0.4em;
	}

	.navLinkList1 .navLinkList1Sub {
		left: 0;
		z-index: 100;
		position: absolute;
		background-color: #f5f6f8;
		display: none;
	}
	
	.navLinkList1 ._hasKids._open ~.navLinkList1Sub {
		display: block;	
	}
	
	.navLinkList1Sub li > a {
		text-decoration: none;    
		display: block;
		padding:0.7em 0.5em;
		line-height:1em;    
		border:2px solid #f5f6f8;
		position: relative;
		width: 95%;
	}

	.navLinkList1Sub li > a:hover,
	.navLinkList1Sub li > a:focus {
		text-decoration: underline;
		text-underline-offset: 3px;
		background-color: #ffffff;
	}

	.navLinkList1Sub li > a:hover:after,
	.navLinkList1Sub li > a:focus:after {
		content:">";
		position: absolute;
		right:1em;
		border:1px solid #2f8e93;
		margin:auto;
		color: #2f8e93;
		text-align: center;
		top:0;
		display:block;
		bottom:0;
		border-radius: 50%;
		height: 1.3em;
		aspect-ratio:1/1;
		line-height: 1.2em;
	}
	
	.navLinkList1Sub  ul > li {
		margin-bottom: 0.5em;
	}
	
	.navLinkList1Sub ul {
		margin: 0;
		padding: 0;		
	}
	
	.menuLogo {
		margin-right: 1rem;
	}
	
	.navBtnLogin  + div * {
		white-space: nowrap;
		text-align: left;
	}
	
	.navBtnLogin + div {
		z-index:101;
		display: none;
	}
	
	.navBtnLogin._open + div {		
		display: block;
	}
	
	.navBtnLogin + div > ul > li {    
		padding: 0.5em;
	}


	.navBtnLogin + div > ul {
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10), 0 4px 8px 0 rgba(0, 0, 0, 0.10);    
	}

	.navBtnLogin + div > ul > li a {
		text-decoration: none;
	}


	.navBtnLogin + div > ul > li a:hover,
	.navBtnLogin + div > ul > li a:focus {
		text-decoration: underline;
		text-underline-offset: 6px;
	}
	
	.navBtnSearch {
		margin-left: 1em;
		letter-spacing: 2px;
	}
	
	.contentRigtCol [data-component-type="image"], .contentRigtCol [data-component-type="image"] * {
		width: 100%;
	}

	.contentRigtCol [data-component-type="image"] img {
		display: block;
		margin: 0;
	}

	.contentRigtCol {
		background-color: #ffffff;
		padding-left:0;
		padding-right:0;
	}
}

@media screen and (max-width: 1019px){
	.menuLogo {
		width: auto;   
		height:	24px;
	}

	.sectionNavParent[data-nav="corporate"] .menuLogo {
		height:	20px;
	}
	
	.navLinkList1 {    
		font-size: 16px;
	}
	
	.burgerMenu {
		background-color: transparent;
		border: 0;
	}

	.burgerMenu:after {
		content:"|||";
		color: #ffffff;
		display:block;
		transform: rotate(90deg) scaleY(1.5);
	}
	
	body._openBurger .burgerMenu:after {
		content:"X";
		transform: rotate(0deg) scale(1.25) translateY(0.15em);
	}
	
	.navBtnLogin, .navBtnSearch {
		border: 0 !important;
		overflow:hidden;
		padding:0;
	}

	.navBtnLogin:after {
		content:"";
		border-width: 0 !important;		
		aspect-ratio: 1 / 1 !important;
		width: 1.5em !important;
		vertical-align: text-top !important;
		background-position: center;
		background-size: contain;
		transform-origin: center;
		display: inline-block;
		transform: rotate(0deg) !important;
		background-image:url("/content/dam/wtb-web/images/svg/icon-user-white.svg");
	}
		
	.navBtnSearch {
		margin-right:10px;
	}
	
	.navBtnSearch:after {
		width: 1.25em;
	}
	

	.navBtnLogin > span,
	.navBtnSearch  > span {
		position:absolute;
		color:transparent;
	}
	
	.navBtnSearch {
		padding:0 !important;
		margin:0;
		margin-right:8px;
	}

	
	div:has(> .navLinkList1) {
		position: absolute;
		z-index: 200;
		background-color: #ffffff;
		left: 0;
		top: 11vh;		
		width:100vw;
	}

	.navLinkList1 > li {
		display:block;
		margin-left: 0;
		margin-right: 0;		
        border-bottom: 1px solid #CDD4DA;
		padding: 1em;
	}
	
	.navLinkList1 > li:has( > a._hasKids) {
		padding: 0em;		
	}
	
	.navLinkList1Sub ul > li {
		padding: 0.5em 2em;
		background-color: #f7f7f7;
	}
	
	.navLinkList1 ._hasKids._open ~.navLinkList1Sub {
		display: block;	
	}
	
	.navLinkList1  ._hasKids {
		padding: 1em;
	}

	
	.navLinkList1 > li a {
		color: #000000 !important;
	}
	
	.navLinkList1Sub li:has( > p) {
		display: none;
	}
	
	.navLinkList1 ._hasKids:after {
		content: "+";
		color: #607183;
		transform: rotate(0) scale(1.5);
		vertical-align: middle;
		position: absolute;
		border: 0;
		width: unset;
		right: 1em;
		font-weight: 500;
	}
	
	.navLinkList1 li a {
		width: 100%;
		display:block;
	}
	
	.navLinkList1 ._hasKids._open {
		background-color: #f7f7f7;
	}
	
	.navLinkList1 ._hasKids._open:after {
		content: "-";
		color: #607183;
		transform:  rotate(0) scale(3,1.5);
		vertical-align: baseline;
		right: 1em;
		font-weight: 500;
	}
	
	body._openBurger div:has(> .navLinkList1)  {
		display:block !important;
	}
	
	.xtraNavLinks a {
		color: #0E7C82 !important;		
	}	
	
	.navBtnLogin + div {
		display: none !important; 
	}
	
	.navBtnLogin._open:after {
		transform: rotate(0deg);
		vertical-align: text-top;
	}
	
	.navLinkList1Sub li > a {
		text-decoration: none !important;
	}
}