/*the modal speedbump*/

.mt-speedBTitle  p {
    line-height: 1.1em;
    margin: 0 0 0.5em 0;	
	font-size: 50px;
	color: #007856;
	font-family: var(--font-family-light);
}

.mtbDiaSpeedB {    
    z-index: 100;
    border:0;
    border-radius: 10px;
}

.mt-speedBtns {
    margin-top: 2rem;
}

.mt-speedBtns > * {
    display: inline-block;
    border: solid 1px #007856 !important;
    font-size: 1rem;
    line-height: 1em;
    vertical-align: middle;
    text-decoration: none;
    padding: 0.5em 1em !important;
    cursor: pointer;
}

.mt-speedBtns > *:hover {
    text-decoration: underline;
}

.mt-speedBtns > a {
    background-color: #007856;
    color: #ffffff;
}

.mt-speedBtns > a:after {
    content: "";
    border-style: solid;
    border-color: #ffffff;
    width: 0.75em;
    height: 0.75em;
    display: inline-block;
    border-width: 1px 1px 0 0;
    transform-origin: center;
    transform: rotate(45deg);
    vertical-align: middle;
}

.mt-speedBtns > button {
    color: #007856;
    background-color: #ffffff;
    margin-left: 1rem;
}

@media screen and (max-width:991px){
	.mtbDiaSpeedB {
		max-width: 90vw;
	}
}

@media screen and (min-width:992px){
	.mtbDiaSpeedB {
		max-width: 29vw;
	}
}


:root {	
	--font-family-base: 'NickelCity-Book';
	--font-family-base-light: 'NickelCity-Light', sans-serif;
	--font-family-black: 'NickelCity-Black';
	--font-family-black-italic: 'NickelCity-BlackItalic';
	--font-family-bold: 'NickelCity-Bold';
	--font-family-bold-italic: 'NickelCity-BoldItalic';
	--font-family-book: 'NickelCity-Book';
	--font-family-book-italic: 'NickelCity-BookItalic';
	--font-family-light: 'NickelCity-Light';
	--font-family-light-italic: 'NickelCity-LightItalic';
	--font-family-medium: 'NickelCity-Medium';
	--font-family-medium-italic: 'NickelCity-MediumItalic';
	--font-family-semilight: 'NickelCity-SemiLight';
	--font-family-semilight-italic: 'NickelCity-SemiLightItalic';
	--font-family-super: 'NickelCity-Super';
	--font-family-super-italic: 'NickelCity-SuperItalic';
	--font-family-thin: 'NickelCity-Thin';
	--font-family-thin-italic: 'NickelCity-ThinItalic';
	--font-family-ultra: 'NickelCity-Ultra';
	--font-family-ultra-italic: 'NickelCity-UltraItalic';
}

:root .navparent {	
	--color-primary: #007856;	
	--color-white: #ffffff;	
	--color-gray1: #cfcfcf;
	--color-gray2: #f5f8fa;
	--color-black-1: #2F3840;
	--color-black-2: #dfdfdf;
	--color-nav-a-link: #333333;
}

@font-face {
  font-family: 'NickelCity-Book';
  src: url("/etc.clientlibs/axp-common/clientlibs/clientlib-site/resources/fonts/Nickel_City/NickelCity-Book.woff") format("woff"); }

@font-face {
  font-family: 'NickelCity-Light';
  src: url("/etc.clientlibs/axp-common/clientlibs/clientlib-site/resources/fonts/Nickel_City/NickelCity-Light.woff") format("woff"); }

@font-face {
  font-family: 'NickelCity-Medium';
  src: url("/etc.clientlibs/axp-common/clientlibs/clientlib-site/resources/fonts/Nickel_City/NickelCity-Medium.woff") format("woff"); }

@font-face {
  font-family: 'NickelCity-SemiLight';
  src: url("/etc.clientlibs/axp-common/clientlibs/clientlib-site/resources/fonts/Nickel_City/NickelCity-SemiLight.woff") format("woff"); }

@font-face {
  font-family: 'NickelCity-Bold';
  src: url("/etc.clientlibs/axp-common/clientlibs/clientlib-site/resources/fonts/Nickel_City/NickelCity-Bold.woff") format("woff"); }
  
body {
	margin: 0;
    padding: 0;
	font-family: var(--font-family-base);
}

html:not([lang="es"]) .navparent .spanish-txt,
html:not([lang="es"]) .navparent .spanishContent {
	display: none;
}

html[lang="es"] .navparent span:has( + .spanish-txt),
html[lang="es"] section:has( + section > .spanishContent) {
	display: none;
}

@scope(.navparent) {
	.mt-logo: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;
	}
	
	.mt-sronly {
		position: absolute;
		opacity:0;
		margin:0;
		padding:0;
		overflow:hidden;
	}	
	
	.mt-container {
        margin: auto;
        max-width: 1320px;
    }

	.mt-bg-color-primary {
		background-color: var(--color-primary);
	}
	
	.mt-bg-color-white {
		background-color: var(--color-white);
	}
	
	.mt-color-white * {
		color: var(--color-white);
	}
	
	.mt-font-12 {
		font-size: 12px;
		& * {
			font-size: 12px;
		}		
	}
	
	.mt-font-14 {
		font-size: 14px;
		& * {
			font-size: 14px;
		}		
	}
	
	.mt-list-inline {
		margin:0;
		padding:0;
		list-style: none;
		 > li {
			display: inline-block;
		}
	}
	
	.mt-list-block {
		margin:0;
		padding:0;
		list-style: none;
		 > li {
			display: block;
		}
	}
	
	.mt-flex {
		display: flex;
		align-items: center;
		& > * {
			flex: 1 0 0%;
		}
	}
	
	.mt-text-align-right {
		text-align: right;
	}
	
	.mt-text-align-center {
		text-align: center;
	}
	
	.mt-margin-0 {
		margin:0;
	}
	
	.mt-margin-0d75 {
		margin: 0.75em;
	}
	
	.mt-paddingy-1 {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	
	.mt-paddingb-0d5 {		
		padding-bottom: 0.5em;
	}
	
	.mt-paddingb-1 {		
		padding-bottom: 1em;
	}
	
	.mt-paddingy-2 {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	
	.mt-paddingx-2 {
		padding-left: 2em;
		padding-right: 2em;
	} 
	
	.mt-link-1 {
		display: inline-block;
		text-decoration: none;
		 &:hover {
			text-decoration: underline;
			text-underline-offset: .25em;
		}
	}
	
	.mt-link-2 {
		display: inline-block;
		text-decoration: none;
		color: var(--color-black-1);
		font-size: 16px;
		 &:hover {
			text-decoration: underline;
			color: var(--color-primary);
			text-underline-offset: 1.625em;
			text-decoration-thickness: 2px;
		}
	}
	
	.mt-navright-content a.btn.btn-link.mtb-chevron {
		text-decoration: none;
		color:var(--color-primary) !important;
		position: relative;
		&:after {
			 color: inherit;
			 content: "";
			 display: inline-block;
			 width: 0.7em;
			 height: 0.7em;
			 font-weight: 700;
			 transform: rotate(315deg);
			 vertical-align: baseline;
			 transform-origin: center;
			 border: solid var(--color-primary);
			 border-width: 0px 1px 1px 0px;
		}
	}

	&[data-open-parent="personal"] a[data-ref="personal"].mt-link-2,
	&[data-open-parent="business"] a[data-ref="business"].mt-link-2,
	&[data-open-parent="commercial"] a[data-ref="commercial"].mt-link-2	{
		text-decoration: underline;
		color: var(--color-primary);
		text-underline-offset: 1.625em;
		text-decoration-thickness: 2px;
	}
	
	[class*='mt-icon-left'] {
		position: relative;
		&:before {
			content: "";
			position: relative;
			display: inline-block;
			vertical-align: middle;
			background-repeat: no-repeat;
			margin-right: 0.25em;			
			height: 1.333em;			
		}
	}
	
	.mt-icon-left_fdic:before {
		background-image: url(/content/dam/mtb-web/images/svg/newnavimg/fdic-logo-white.svg);
		aspect-ratio: 2.6 / 1;
		margin-top: -0.1em;
	}
	
	.mt-icon-left_search:before {
		background-image: url(/content/dam/mtb-web/images/svg/newnavimg/icon-nav-search.svg);
		aspect-ratio: 1 / 1;
	}
	
	.mt-icon-left_lock {		
		&:before {
			height: 1em;
			margin-right: 0.5em;
			vertical-align: text-top;
			background-image: url(/content/dam/mtb-web/images/svg/newnavimg/icon_lock_white.svg);			
			aspect-ratio: 1 / 1;
		}
		&:hover:before {			;
			background-image: url(/content/dam/mtb-web/images/svg/icon_lock_green.svg);
		}
	}
	
	.mt-btn {
		display: inline-block;    
		padding:0.5em 1.5em; 
		text-decoration: none;
		position: relative;
		
		&:hover {
			cursor:pointer;
		}
	}

	.mt-btn-1 {    
		background-color: var(--color-primary);
		color: var(--color-white);				
		&:hover {    
			border:1px solid var(--color-primary);
			background-color: var(--color-white);    
			color: var(--color-primary);    
			text-decoration: underline;			
		}
	}
	
	.mt-btn.mt-btn-2 {
		padding:0;
		background-color: var(--color-white);
		border:0;
		color:var(--color-primary);		
	}

	.mt-btn-2:before {
		content: "|||";
		letter-spacing: 2px;
		font-size: 1.5em;
		line-height: 1;
		position: relative;
		display: block;
		font-weight:700;
		margin-left: 0.25em;
		transform: rotate(90deg) scaleY(1.5);
	}
	
	.mt-d-inlineblock {
		display: inline-block;
	}
	
	.nav-row-3-section2-header:has( + div ul:empty) {
		display: none !important;
	}
 }
 
 @media screen and (max-width:991px){
	body:has( ._burgermenuopen):after {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		z-index: 90;
		background-color: #ffffff;
		display: block;
		width: 100%;
		height: 10000%;
		overflow: hidden;
	}
	
	body:has( ._burgermenuopen) .genesys-mxg-frame {
		z-index: 5 !important;
		position: relative !important;
	}


	 @scope(.navparent) {
		.nav-row-3._burgermenuopen {
			height: 100vh;
			position: absolute;
			width: 100vw;
			z-index: 100;
			left: 0;
			top: 0;			
		}

		.mt-container {
			padding: 2vw;
		}			

		.nav-mob-hdr {
			border-bottom: 1px solid var(--color-gray1);
			margin-left: 2vw;
			margin-right: 2vw;
			padding-bottom: 4vw;
			padding-top: 5vw;
		}
		
		.mt-burger-close {
			position: relative;
			background-color: #ffffff;
			border:0;
			text-align: center;
		}

		.mt-burger-close:after {
			content:"\2715";
			color: #b8b2b2;
			display:inline-block;
			transform:scale(1.5);
			transform-origin:center;
		}

		.nav-row-2_2{			
			text-align: center;
		}
		
		.nav-row-2:has( + ._burgermenuopen) {
			display: none;
		}
		
		.nav-row-3-section2 > .mt-container > .mt-flex {
			display: block;
		}
		
		.nav-row-3-links-1 > li {
			display: block;
		}		
		
		.mt-mv-dblock {
			display: block;
		}
		
		.mt-vw-d {
			display: none;
		}
		
		.mt-icon-left_fdic {
			padding-left: 4em;
			&:before {
				position: absolute !important;
				left:0;
				top: 20%;    
				margin: auto;
				display: block  !important;    
			}
		}			
		
		.mt-btn-main,
		.mt-btn-mainmenu,
		.mt-btn-sectmain,
		.mt-nav-homelink,
		.mt-btn-3,
		.nav-row-3-section2-header,
		ul[data-section^="sect"] > li > a {
			text-decoration: none;
			display:block;
			border:0;
			border-bottom:1px solid var(--color-gray1);
			width: 100%;
			text-align:left;
			padding:1em;
			font-size:16px;
			margin:0;
			color: var(--color-black-1);	
			background-color: var(--color-white);			
		}
		
		.mt-btn-main {
			background-color: var(--color-white);
		}
		
		.mt-btn-main:after {
			content: "";
			position: absolute;
			border: 1px solid var(--color-primary);
			height: 1em;
			aspect-ratio: 1 / 1;
			margin-top: .25em;
			transform-origin: center;
			transform: rotate(45deg);
			border-width: 1px 1px 0px 0px;
			right: 1.75em;
		}
				
		ul[data-section^="sect"] > li > a {
			padding-left:2em;
		}
		
		.nav-items {padding-top: 0 !important;}
		
		.mt-btn-mainmenu:before,
		.mt-btn-sectmain:before		{
			content: "";
			position: relative;
			border: 1px solid var(--color-primary);
			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;
		}
		
		.mt-btn-3:after {
			content: "";
			position: absolute;
			border: 1px solid var(--color-primary);
			height: 1em;
			aspect-ratio: 1 / 1;
			margin-top: .25em;
			transform-origin: center;
			transform: rotate(45deg);
			border-width: 1px 1px 0px 0px;
			right: 1.75em;			
		}
		
		.mt-btn-3.css-opener._open:after {
			transform: rotate(135deg);
		}
				
		.nav-row-3-section2-header {
			background-color: var(--color-gray2);
		}
		
		.nav-row-3-section2-header:after {
			content: "\002B";
			position: absolute;
			right: 1em;
			font-size: 1.5em;    
		}


		.nav-row-3-section2-header._open:after {
			content: "\2212";
			position: absolute;
			right: 1em;
			font-size: 1.5em;
			font-family: var(--font-face-book);
		}
		
		.nav-mob-loginbtn a {
			display: block;
			text-align: center;
			font-size: 16px !important;
		}
		
		.nav-row-2_4 .mt-btn-1.mt-icon-left_lock {
			background-color: #ffffff;
			color: var(--color-primary);
			&:before {
				background-image: url(/content/dam/mtb-web/images/svg/newnavimg/icon_lock_green.svg) !important;
			 }
		}
		
		.mt-btn-mainmenu span {
			color: var(--color-primary);
			font-weight: 600;
		}				
	 		
		/*start handling show hide mobile*/
		
		.mt-btn-mainmenu,
		.mt-btn-sectmain {
			display: none;
		}				
		
		.nav-row-3:not(._burgermenuopen) {
			display: none;
		}

		&[data-open-parent=""] .nav-items {
			display:none;
		}
		
		&[data-open-parent="personal"] .nav-items > :not([data-ref="personal"]),
		&[data-open-parent="business"] .nav-items > :not([data-ref="business"]),
		&[data-open-parent="commercial"] .nav-items > :not([data-ref="commercial"]){
			display: none;
		}

		&[data-open-parent="personal"] .nav-items > [data-ref="personal"],
		&[data-open-parent="business"] .nav-items > [data-ref="business"],
		&[data-open-parent="commercial"] .nav-items > [data-ref="commercial"]{
			display: block;
		}

		[data-navlevel="1"].mt-btn-3.css-opener + *,
		[data-navlevel="2"].nav-row-3-section2-header.css-opener  + * {
			display:none;
		}

		[data-navlevel="1"].mt-btn-3.css-opener._open + *,
		[data-navlevel="2"].nav-row-3-section2-header.css-opener._open  + * {
			display: block;
		}
		
		&:not([data-open-parent=""]) .mt-list-block.mt-nav0-btn-list {
			display: none;
		}				

		&[data-level-open="0"] .mt-btn-mainmenu,
		&[data-level-open="1"] .mt-btn-mainmenu,
		&[data-level-open="2"] .mt-btn-mainmenu		{
			display: block;
		}

		&[data-level-open="2"] .mt-btn-sectmain {
		 display: block;   
		}
		/*end handling show hide mobile*/		
	 }
}
 
 @media screen and (min-width:992px){
	 @scope(.navparent) {
		 
		 .mt-vw-m {
			 display: none;
		 }
		 
		 .nav-row-1 {
			padding: 0.5em;
		 }
		 
		 .nav-row-2,
		 .nav-row-3 		 {
			border-bottom: 1px solid var(--color-gray1);
			position: relative;
		 }
		 
		 .nav-row-3 {
			 z-index: 3;
		 }
		 
		 .nav-row-2_1 {
			display: none;
		}
		
		.nav-row-2_2,
		.nav-row-2_4 {
			flex: 0 0 auto;
		}
		
		.nav-row-2_2{			
			width: 15%;
		}
				
		.nav-row-2_4 {
			flex: 0 0 auto;
			width: 25%;
		}
		
		.mt-btn-3 {    
			border:0;
			background-color: var(--color-white);    
			color: var(--color-black-1);    
			text-decoration: none;
			font-size: 16px;
			padding-left: 0;
			padding-right: 0;			
			&._open,
			&:hover {    				
				color: var(--color-primary);  
				text-decoration: underline;
				text-underline-offset: 1.5em;
				text-decoration-thickness: 2px;
			}
		}
		
		.nav-row-3-links-1  {
			& > li{
				& + li {
					margin-left: 4em;
				}
			}
		}
		
		.nav-row-3-section2 {
			position: absolute;
			margin-top: 1em;
			left: 0;
			width: 100%;
			background-color: var(--color-white);
			padding-top: 1.25em;
			padding-bottom: 1.25em;
			box-shadow: 0 10px 14px 1px #00000038;
			a {
				color: var(--color-nav-a-link) !important;
				&:hover {
					color: var(--color-primary) !important;
				}
			}
		}
		
		.nav-row-3-section2 > .mt-container > .mt-flex {
			align-items: start;
		}
		
		.nav-row-3-section2-1,
		.nav-row-3-section2-2,
		.nav-row-3-section2-3 {
			flex: 0 0 auto;			
		}
		
		.nav-row-3 .nav-row-3-section2-header {
			font-weight: 700;
			font-size: 0.82em;
			letter-spacing: .12em;
		}
		
		.nav-row-3-section2-1 .nav-row-3-section2-header + div > .mt-list-block{
			column-count: 2;
		}		
		
		.nav-row-3-section2-1 {
			width: 42%;
			padding-right: 0.75em;
		}
		
		.nav-row-3-section2-2 {
			width: 25%;
			padding-left: 0.75em;
			padding-right: 0.75em;
			border-left: 1px solid var(--color-black-2);
			border-right: 1px solid var(--color-black-2);
		}
		
		.nav-row-3-section2-3 {
			width: 33%;
			padding-left: 0.75em;
			padding-right: 0.75em;
		}
		
		.nav-row-3 .nav-row-3-section2-header + div > .mt-list-block {
			margin-bottom: 2em;
			& > li {	
				padding-right: 1.5em;
				margin-bottom: 1em;
				& a {
						text-decoration: none;
						color: var(--color-primary);
						&:hover{
							text-decoration: underline;
							text-underline-offset: 0.2em;
						}
				}
			}
		}
		
		& .nav-items {
			padding-top: 14px;
			padding-bottom: 14px;
		}
		
		/*desktop show hide*/
		&[data-open-parent="personal"] .nav-items > [data-ref]:not([data-ref="personal"]),
		&[data-open-parent="business"] .nav-items > [data-ref]:not([data-ref="business"]),
		&[data-open-parent="commercial"] .nav-items > [data-ref]:not([data-ref="commercial"]) {
			display: none;
		}
		
		&[data-open-parent="personal"] .nav-items > [data-ref="personal"] .nav-row-3-links-1 .nav-row-3-section2,
		&[data-open-parent="business"] .nav-items > [data-ref="business"] .nav-row-3-links-1 .nav-row-3-section2,
		&[data-open-parent="commercial"] .nav-items > [data-ref="commercial"] .nav-row-3-links-1 .nav-row-3-section2		{
			display: none;
		}
		/*desktop show hide*/
	 }
	 
	body[data-breaktype="desktop"] .navparent[data-open-parent][data-kid-open] .nav-items > [data-ref] .nav-row-3-links-1 > li > .mt-btn-3._open[data-sbump] ~ .nav-row-3-section2 {
		display: none;	
	}
 }
}