@font-face {
	font-family: 'NickelCity-Book';
	src: url("/etc.clientlibs/axp-common/clientlibs/clientlib-site/resources/fonts/Nickel_City/NickelCity-Book.woff");
}

@font-face {
	font-family: 'NickelCity-Medium';
	src: url("/etc.clientlibs/axp-common/clientlibs/clientlib-site/resources/fonts/Nickel_City/NickelCity-Medium.woff");
}


:root {
	--font-face-book: 'NickelCity-Book';
	--font-face-medium: 'NickelCity-Medium';
	--color-primary-dark: #004B36;
	--color-black2: #333333;
	--color-black3: #555555;
	--color-nav-gray-light: #dedede;
	--color-nav-vborder: #dfdfdf;
	--color-nav-l2-link: #333333;
	--color-nav-mob-gray: #E0E9ED;
	--color-nav-mob-bg-gray: #F5F8FA;
}

.mtb-bg-primary-dark {
	background-color: var(--color-primary-dark);
}

.mtb-z-index-10 {
	z-index: 10 !important;
}


.color-black3 {
color: var(--color-black3) !important;
}

.navParent {
	font-family: var(--font-face-book);
}

.navParent .mtb-theLogo:before {
	background-image: url("/content/dam/mtb-web/images/svg/newnavimg/mtb_logo_green.svg");
	content: "";
	display: block;
	height: 1.3em;
	aspect-ratio: 5/1;
	background-repeat: no-repeat;
	background-size: contain;
}

.navParent .navRow2>.container>.row {
	padding-top: 0.625em;
	padding-bottom: 0.625em;
}

.navParent .mtb-icon-login>span:before {
	content: "";
	display: inline-block;
	height: 1em;
	aspect-ratio: 1/1;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: bottom;
	margin-right: .84em;
}

.navParent .mtb-icon-fdic {
	padding-left: 4em;
}

.navParent .mtb-icon-fdic:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.1em;
	background-repeat: no-repeat;
	aspect-ratio: 2.6/1;
	height: 1.333em;
	background-image: url("/content/dam/mtb-web/images/svg/newnavimg/fdic-logo-white.svg");
}

.navParent .mtb-icon-search:before {
	content: "";
	display: inline-block;
	background-size: cover;
	vertical-align: middle;
	height: 1.25em;
	margin-right: 0.25em;
	background-repeat: no-repeat;
	aspect-ratio: 1/1;
	background-image: url("/content/dam/mtb-web/images/svg/newnavimg/icon-nav-search.svg");
}

.navParent button[data-nav-level="1"] {
	font-family: var(--font-face);
}


.mtb-font-medium {
	font-family: var(--font-face-medium);
}



@media screen and (max-width: 991px) {
	.navParent .navRow1 {
		background-color: var(--color-primary);
	}

	.navParent .mtb-burgerBtn {
		transform-origin: center;
		transform: rotate(90deg) scaleY(1.5);
		letter-spacing: 2px;
		background-color: var(--color-white);
		text-align: center;
	}

	.navParent .mtb-burgerBtn:before {
		content: "|||";
		letter-spacing: 2px;
		line-height: 1;
	}

	.navParent .mtb-icon-login {
		color: var(--color-primary);
	}

	.navParent .mtb-icon-login>span:before {
		background-image: url("/content/dam/mtb-web/images/svg/newnavimg/icon_lock_green.svg");
	}

	.navParent .mtb-icon-login>span:before {
		margin-right: 0.34em;
	}

	.navRow3 .burgerBtnClose:before {
		content: "\2715";
		font-size: 24px;
		color: var(--color-black3);
	}

	.navRow3 .navrow3_logo-close {
		border-top-color: var(--color-primary) !important;
	}

	.navParent.burgerOpen .navRow2 {
		display: none;
	}

	.mtb-h-m-100 {
		height: 100% !important;
	}

	.navRow3 {
		display: none;
	}

	.navParent.burgerOpen .navRow3 {
		display: block;
	}

	.mtb-font-medium {
		font-family: var(--font-face-medium);
	}

	.navParent .col1SectHdr {
		margin-bottom: 0px;
	}
	
	.navParent .col1SectHdr + * {
		display: none !important;
	}

	.navParent .col1SectHdr[data-open] + * {
		display: block !important;
	}
	
	.navParent .col1SectHdr:after {
		content:"\002B";
		position: absolute;
		right: 1em;
		font-size: 1.5em;
        font-family: var(--font-face-book);
	}
	
	.navParent .col1SectHdr[data-open]:after {
		content:"\2212";
		position: absolute;
		right: 1em;
		font-size: 1.5em;
        font-family: var(--font-face-book);
	}

	.navParent .navRow3 [data-nav-level="2"] {
		padding-left: 29px !important;
		/*background-color: var(--color-nav-mob-bg-gray) !important;*/
		background-color: #ffffff;
		color: #000000 !important;
	}
	
	.navParent .navRow3 button[data-nav-level="2"][data-open] {
		background-color: #ffffff !important;
	}

	.navParent .navRow3 [role='menubar'] p,
	.navParent .navRow3 [role='menubar'] a {
		padding-left: 37px !important;
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;		
		color: #000000 !important;
	}
	
	.navParent .navRow3 [role='menubar'] a[role="menuitem"] {
		padding-left: 47px !important;		
	}
	
	.navParent .navRow3 button[data-nav-level="2"] {
		border-bottom: 1px solid var(--color-nav-gray-light);
	}	
	
	.navParent [data-nav-level="2_a"] {
		font-family: var(--font-face);
	}
	
	.navParent [data-nav-level="2_a"]:not([data-open]):after,
	.navParent [data-btn-parent]:not([data-open]):after {
		content: "";
		position: absolute;
		border: 1px solid var(--color-black2);
		height: 1em;
		aspect-ratio: 1/1;
		margin-top: .25em;
		transform-origin: center;
		transform: rotate(45deg);
		border-width: 1px 1px 0px 0px;
		right: 1.75em;
	}

	.navParent [data-open][data-nav-level="2_a"]:before,
	.navParent [data-open][data-btn-parent]:before,
	.navParent .mobilemainmenubtn:before	{	    
		content: "";
		position: relative;
		border: 1px solid var(--color-black2);
		height: 1em;
		aspect-ratio: 1 / 1;
		transform-origin: center;
		transform: rotate(225deg);
		border-width: 1px 1px 0px 0px;
		display: inline-block;
		margin-right: 0.25em;
	}
	
	.navParent[data-open-child-name] [data-nav1-ref] [data-nav-level="2_a"]:not([data-open]) ~ *,
	.navParent[data-open-child-name] [data-nav1-ref] [data-btn-parent]:not([data-open]) + .subnavwrapper 	{
		display: none;
	}
	
	
	.navParent[data-open-child-name] [data-nav1-ref] [data-nav-level="2_a"][data-open],
	.navParent[data-open-child-name] [data-nav1-ref] [data-btn-parent][data-open] {
		font-family: var(--font-face-medium) !important;
	}
	
	.navParent[data-open-child-name] [data-nav1-ref] [data-nav-level="2_a"][data-open] + [data-btn-parent],
	.navParent[data-open-child-name] [data-nav1-ref] [data-nav-level="2_a"][data-open] + [data-btn-parent][data-open] + .subnavwrapper 	{
		display: block;
	}	
	
	.navParent[data-open-child-name] [data-nav1-ref] [data-nav-level="2_a"][data-open] {
		color: var(--color-primary);
	}
	
	.navParent .js-nav-wrapper > [data-nav1-ref] {
		border-bottom: 1px solid  #b5b5b5;
	}

	.navParent .js-nav-wrapper > [data-nav1-ref]:nth-child(1) {
		border-top: 1px solid  #b5b5b5;
	}
	
	.navParent .navParent .mobnavfooterlinks ul > li + li {
		margin-top: 0.86em !important;
	}
	
	.navParent .js-nav-wrapper button, .js-nav-wrapper a {
		text-decoration: none !important;
	}
	
	.navParent .mobnavfooterlinks .mtb-icon-login-footer {
		border-color: #ffffff;
	}
	.navParent .mobnavfooterlinks .mtb-icon-login-footer:before {
		content: "";
		display: inline-block;
		height: 1em;
		aspect-ratio: 1 / 1;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: bottom;
		margin-right: .84em;
		background-image: url("/content/dam/mtb-web/images/svg/newnavimg/icon_lock_white.svg")
	}
	
	.navParent .col1SectHdr {
		background-color: var(--color-nav-mob-bg-gray) !important;
	}		
						
	.navParent[data-open-child-name="personal"] .js-nav-wrapper > [data-nav1-ref]:not([data-nav1-ref="personal"]),
	.navParent[data-open-child-name="business"] .js-nav-wrapper > [data-nav1-ref]:not([data-nav1-ref="business"]),
	.navParent[data-open-child-name="commercial"] .js-nav-wrapper > [data-nav1-ref]:not([data-nav1-ref="commercial"])	{
			display: none !important;
	}
	
	.navParent[data-open-child-name=""] .js-nav-wrapper > [data-nav1-ref],
	.navParent[data-open-child-name="personal"] .js-nav-wrapper > [data-nav1-ref="personal"],
	.navParent[data-open-child-name="business"] .js-nav-wrapper > [data-nav1-ref="business"],
	.navParent[data-open-child-name="commercial"] .js-nav-wrapper > [data-nav1-ref="commercial"]	{
		display: block !important;
	}
	
	
	/*
	.navParent:not([data-open-child2-name=""]) .js-nav-wrapper > [data-nav1-ref] > div > button[data-btn-parent] {
		display: none !important;
	}

	.navParent.burgerOpen:not([data-open-child2-name=""]) .js-nav-wrapper  button[data-btn-name] {
		display: none !important;
	}
	*/
	
	.navParent [role="menubar"] > [role="button"] {
		border-bottom: 1px solid #b5b5b5;
	}

	.navParent * > [role="menubar"]:nth-child(2) > [role="button"]:last-of-type {
		border-bottom: 0;
	}
	
	.navParent [data-open][data-nav-level="2_a"], .navParent [data-open][data-btn-parent] {
		color: var(--color-primary) !important;
		font-family: var(--font-face-medium) !important;
	}
	
	.navParent ul[role="menu"] > li + li {
		border-top: 1px solid #E0E9ED;
	}
	
	.navParent ul[role="menu"] > li:last-child {
		border-bottom: 1px solid #E0E9ED;
	}	
	
	.mobilemainmenubtn {
		color: var(--color-primary);    
		display: none;
	}
	
	.navParent.burgerOpen:not([data-open-child2-name=""]) .js-nav-wrapper [data-nav-level="2_a"][data-open]:has( + [data-nav-level="2"][data-open]) {
		display: block !important;
	}


	.navParent.burgerOpen:not([data-open-child2-name=""]) .js-nav-wrapper [data-nav-level="2_a"][data-open]:has( + [data-nav-level="2"][data-open]) > span:first-child:after {
		content: "";
	}
	
	.navParent.burgerOpen:not([data-open-child2-name=""]) .js-nav-wrapper  [data-nav-level="2"]:has( + [data-child2-name] [data-l3-parent1][data-open]) {
		display: none !important;
	}
	
	.navParent:not([data-open-child-name=""])[data-open-child2-name=""] .mobilemainmenubtn {
		display: block;
	}
	
	.navParent[data-open-child-name=""][data-open-child2-name=""] .mobilemainmenubtn {
		display: none !important;
	}
	
	.level2homelink {
		padding-left: 29px !important;
		background-color: var(--color-nav-mob-bg-gray) !important;
		color: #000000 !important;
	}
	
	
	.navParent.burgerOpen:not([data-open-child2-name=""]) .js-nav-wrapper button[data-btn-name][data-open] {
		display: none !important;
	}
	
	.navParent.burgerOpen:not([data-open-child2-name=""]) .js-nav-wrapper button[data-btn-name][data-open] + .level2homelink {
		display: block !important;
	}
	
	body .navParent .level2homelink {
		display: none !important;
	}
	
	/*fixes*/
	.navParent [data-nav-level="2"][data-open][data-btn-parent]:before{
		position:absolute;
		right:1em;
		transform: rotate(135deg);
	}
	
	.navParent[data-open-child-name="personal"][data-level-opened="1"] [data-nav-level="2_a"][data-btn-name="personal"],
	.navParent[data-open-child-name="business"][data-level-opened="1"] [data-nav-level="2_a"][data-btn-name="business"],
	.navParent[data-open-child-name="commercial"][data-level-opened="1"] [data-nav-level="2_a"][data-btn-name="commercial"],	
	.navParent[data-open-child-name="personal"]:not([data-level-opened]) [data-nav-level="2_a"][data-btn-name="personal"],
	.navParent[data-open-child-name="business"]:not([data-level-opened]) [data-nav-level="2_a"][data-btn-name="business"],
	.navParent[data-open-child-name="commercial"]:not([data-level-opened]) [data-nav-level="2_a"][data-btn-name="commercial"]	
	{
			display: none !important;
	}
	
	body:has( .navParent.burgerOpen) .genesys-mxg-frame {
		z-index: 1 !important;
	}
}

@media screen and (min-width: 992px) {	
	.navParent .navRow2 button:focus, 
	.navParent .navRow3 button:focus,
	.navParent .navRow2 a:focus, 
	.navParent .navRow3 a:focus {
		box-shadow: none; /*0 0 0 .25rem rgba(0,120,86,.3)*/ 
		/*outline: 1px solid #8697A7;*/
	}


	.navParent .navRow1 {
		background-color: var(--color-primary);
	}

	.navParent .navRow1 ul>li+li {
		margin-left: 2.66em;
	}

	.navParent .mtb-icon-login:focus>span,
	.navParent .mtb-icon-login:hover>span {
		text-decoration: underline;
		text-underline-offset: 0.25em;
	}

	.navParent .mt-linkset-1 a:hover,
	.mt-linkset-1 a:focus {
		text-underline-offset: 4px;
	}

	/*.navParent .mt-linkset-1 a:focus {
		outline: 1px solid #fff;
	}*/

	.navParent button[data-nav-level="1"] {
		color: var(--color-black2) !important;
	}

	.navParent .mtb-icon-login {
		background-color: var(--color-primary);
		border: 1px solid var(--color-primary);
		color: var(--color-white);
	}

	.navParent .mtb-icon-login:hover,
	.navParent .mtb-icon-login:active,
	.navParent .mtb-icon-login:focus {
		background-color: var(--color-white);
		/*border: 1px solid var(--color-primary);*/
		color: var(--color-primary);
	}

	.navParent .mtb-icon-login>span:before,
	.navParent .mtb-icon-login>span:before,
	.navParent .mtb-icon-login>span:before {
		background-image: url("/content/dam/mtb-web/images/svg/newnavimg/icon_lock_white.svg");
	}

	.navParent .mtb-icon-login:hover>span:before,
	.navParent .mtb-icon-login:active>span:before,
	.navParent .mtb-icon-login:focus>span:before {
		background-image: url("/content/dam/mtb-web/images/svg/newnavimg/icon_lock_green.svg");
	}

	.navParent[data-open-child-name] [data-nav1-ref],
	.navParent button[data-nav-level="2"]:not([data-open]) + .subnavwrapper	{
		display: none;
	}
	
	.navParent[data-open-child-name="personal"] [data-nav1-ref="personal"],
	.navParent[data-open-child-name="business"] [data-nav1-ref="business"],
	.navParent[data-open-child-name="commercial"] [data-nav1-ref="commercial"],
	.navParent button[data-nav-level="2"][data-open] + .subnavwrapper {
		display: block;
	}		
	
	.navParent .subnavwrapper {
		margin-top: 18px !important;
		border-top-width: 0px !important;
	}

	.navParent[data-open-child-name="personal"] button[data-nav-level="1"][data-nav1-ref-name="personal"],
	.navParent[data-open-child-name="business"] button[data-nav-level="1"][data-nav1-ref-name="business"],
	.navParent[data-open-child-name="commercial"] button[data-nav-level="1"][data-nav1-ref-name="commercial"],
	.navParent button[data-nav-level="1"]:hover,
	.navParent button[data-nav-level="1"]:active,
	.navParent button[data-nav-level="1"]:focus {
		color: var(--color-primary) !important;
		text-decoration: underline;
		text-decoration-thickness: 2px !important;
		text-decoration-color: var(--color-primary);
		text-underline-offset: 1.1em;

	}

	.navParent .navRow2 {
		border-bottom: 1px solid var(--color-nav-gray-light);
	}
	
	.navParent .navRow3 {
		border-bottom-width: 2px !important;
	}

	.navParent a[role="menuitem"] {
		color: var(--color-nav-l2-link) !important;
	}
	
	.navParent a[role="menuitem"]:hover,
	.navParent a[role="menuitem"]:focus	{
		color: var(--text-color-link) !important;
	}
	
	.navParent ul.mtb-d-lg-grid2Cols li:has(a[role="menuitem"]) {
		padding-right: 2em;
	}

	.navParent .navRow3 button[data-nav-level="2"] {
		color: #2F3840 !important;
		font-family: var(--font-face);
	}

	.navParent .navRow3 button[data-nav-level="2"][data-open],
	.navParent .navRow3 button[data-nav-level="2"]:focus,
	.navParent .navRow3 button[data-nav-level="2"]:hover {
		color: var(--color-primary) !important;
		text-decoration: underline;
		text-decoration-thickness: 2px !important;
		text-decoration-color: var(--color-primary);
		text-underline-offset: 1.4em;
	}

	.navParent .navRow3 .subnavwrapper+button[data-nav-level="2"] {
		margin-left: 4em !important;
	}

	.navParent .col1SectHdr {
		margin-bottom: 24px;
	}

	.mtb-bg-md-white {
		background-color: var(--color-white);
	}

	.mtb-w-md-auto {
		width: auto !important;
	}

	.mtb-position-md-absolute {
		position: absolute !important;
	}

	.mtb-w-md-50 {
		width: 50% !important;
	}

	.mtb-border-md-start {
		border-left: 1px solid var(--color-nav-vborder) !important;
	}

	.mtb-border-md-end {
		border-right: 1px solid var(--color-nav-vborder) !important;
	}

	.mtb-font-md-medium {
		font-family: var(--font-face-medium);
	}

	.mtb-pl-md-12 {
		padding-left: 0.75rem !important
	}

	.mtb-pl-md-0 {
		padding-left: 0rem !important
	}
	
	
	.navParent .mt-linkset-2 > li:nth-child(even) {
		margin-left: 2em;
		margin-right: 2em;
	}
	
	.navParent .col1SectHdr {
		font-size: 13px;
		font-family: var(--font-face-medium); 
		letter-spacing:1.6px;
	}
	
	[data-nav-level="1"][data-open],
	[data-nav-level="2"][data-open]{
		font-family: var(--font-face-medium) !important;
	}
	
	.navParent .navRow1 .mt-linkset-1 a:focus {
		border: 1px solid #ffffff !important;
	}

	.navParent .navRow2 button:focus:not([data-open]),
	.navParent .navRow3 button:focus:not([data-open]),
	.navParent .navRow3 a[role="menuitem"]:focus{
		border: 1px solid var(--color-primary) !important;
	}
	
	.navParent li.mtb-wrapGridRow-lg {
		/*grid-row: span 2;*/
	}

	.mtb-d-lg-grid2Cols {
		/*display: grid !important;
		grid-template-rows: repeat(6, auto);
		width: 100% !important;
		grid-auto-flow: column;*/
		column-count:2;
	}
	
	.mtb-d-lg-grid2Cols:has( li[data-linkcol="2"]) > li[data-linkcol="1"]+li[data-linkcol="2"] {
	  break-before: column;
	}
	
	[data-nav1-ref] > div {
        white-space: nowrap;
    }
    
    [data-nav1-ref] > div * {
        white-space: normal;
    }
	
	.navParent .subnavwrapper {
		box-shadow: 0 5px 10px 2px #00000038;
	}

}

body[data-wcmmode="edit"] .navRow2 ,
body[data-wcmmode="edit"] .navRow3  {
display: none !important;
}

.spanishContent,
.spanishtxt { 
    display:none;
}

[data-is-spanish="true"] span:has(+ .spanishtxt)  {
    display: none;
}

[data-is-spanish="true"] .spanishtxt  {
    display: unset;
}

/*hides english right col if is spanish*/
[data-is-spanish="true"] section:has( + section .spanishContent) {
    display: none;
}

[data-is-spanish="true"] .spanishContent {
    display: unset;
}

.navParent .btn {
    box-shadow: none !important;
}