@font-face {
    font-family: 'Balto-Book';
    src: url("clientlib-site/resources/fonts/MTB_Balto/Webfonts/mandtbaltoweb-book.woff") format("woff"); }
  
    @font-face {
    font-family: 'Balto-Light';
    src: url("clientlib-site/resources/fonts/MTB_Balto/Webfonts/mandtbaltoweb-light.woff") format("woff"); }
  
    @font-face {
    font-family: 'Balto-Medium';
    src: url("clientlib-site/resources/fonts/MTB_Balto/Webfonts/mandtbaltoweb-medium.woff") format("woff"); }
  
    @font-face {
    font-family: 'Balto-Semi-Light';
    src: url("clientlib-site/resources/fonts/MTB_Balto/Webfonts/mandtbaltoweb-semilight.woff") format("woff"); }
  
    @font-face {
    font-family: 'Balto-Bold';
    src: url("clientlib-site/resources/fonts/MTB_Balto/Webfonts/mandtbaltoweb-bold.otf") format("opentype"); }

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


body {
    background-color: var(--color-lighter-gray);
}

/* Desktop text styling */
h1, .h1 {
    font-family: var(--font-family-light), sans-serif;
    font-size: 3.125rem;
    line-height: 3.4375rem;
    font-weight: 300;
    letter-spacing: 0;
    color:var(--color-primary);
}

h2, .h2 {
    font-family: var(--font-family-light), sans-serif;
    font-size: 2.5rem;
    line-height: 2.625rem;
    font-weight: 300;
    letter-spacing: 0;
    color:var(--color-primary);
}

h3, .h3 {
    font-family: var(--font-family-semilight), sans-serif;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 200;
    letter-spacing: 0;
}

h4, .h4 {
    font-family: var(--font-family-book), sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 500;
    letter-spacing: 0;
}

/* Tablet text styling */
@media screen and (max-width: 768px) {
    h1, .h1 {
        font-family: var(--font-family-light), sans-serif;
        font-size: 2.25rem;
        line-height: 2.625rem;
        font-weight: 300;
        letter-spacing: 0;
    }

    h2, .h2 {
        font-family: var(--font-family-light), sans-serif;
        font-size: 1.875rem;
        line-height: 2.25rem;
        font-weight: 300;
        letter-spacing: 0;
    }

    h3, .h3 {
        font-family: var(--font-family-semilight), sans-serif;
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-weight: 200;
        letter-spacing: 0;
    }

    h4, .h4 {
        font-family: var(--font-family-medium), sans-serif;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-weight: 500;
        letter-spacing: 0;
    }
}

/* Mobile text styling */

@media screen and (max-width: 425px) {
    h1, .h1 {
        font-family: var(--font-family-light), sans-serif;
        font-size: 2rem;
        line-height: 2.25rem;
        font-weight: 300;
        letter-spacing: 0;
    }

    h2, .h2 {
        font-family: var(--font-family-light), sans-serif;
        font-size: 1.75rem;
        line-height: 2rem;
        font-weight: 300;
        letter-spacing: 0;
    }

    h3, .h3 {
        font-family: var(--font-family-semilight), sans-serif;
        font-size: 1.375rem;
        line-height: 1.5rem;
        font-weight: 200;
        letter-spacing: 0;
    }

    h4, .h4 {
        font-family: var(--font-family-medium), sans-serif;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-weight: 500;
        letter-spacing: 0;
    }
}
.mtb-nav1 > a, .mtb-nav1 > a:visited {
    color: #ffffff;
    font-size: 1.25rem;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
    text-decoration-color: transparent;
	margin-right: 1.5em;
}

.mtb-nav1 > a._active, .mtb-nav1 > a:hover {
    color: #ffffff;
    text-decoration-color: var(--color-accent-1);
}

.mtb-nav1 > a._active{
    color: #ffffff;
    font-family: var(--font-family-medium);
}

.mtb-nav1 > a:last-child {
    margin-right: 0;
}

.mtb-nav-logo img {
    width: 27vw;
}

.icon-link-spanish:before {
    background-image: url("../../../content/dam/mtb-web/images/spanish/es-language-icon.svg");
}

.icon-link-help:before {
    background-image: url("../../../content/dam/mtb-web/images/icon-global-nav-help.svg");
}

.icon-link-location:before {
    background-image: url("../../../content/dam/mtb-web/images/icon-global-nav-locations.svg");
}

.icon-link-search:before {
    background-image: url("../../../content/dam/mtb-web/images/icon-global-nav-search.svg");
}

.icon-link-search.mobile-search:before {
    display:inline-block !important;
    background-image: url("../../../content/dam/mtb-web/wcm-asset/documents/html/homepage/images/assets/icon-search-green.svg");
}

.icon-link-menu:before {
    background-image: url("../../../content/dam/mtb-web/images/icon-global-nav-hamburger-menu.svg");
}

.icon_login:before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    width:1em;
    height: 1em;
    margin-right: .3em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../../../content/dam/mtb-web/images/svg/icon_lock_green.svg");
}

.icon_login:hover:before {
    background-image: url("../../../content/dam/mtb-web/images/svg/icon_lock_white.svg");
}

.bg-gradient-nav .icon_login.btn-secondary:hover {
    border-color:#ffffff;
}

a.helpfullinklistLink, a:visited.helpfullinklistLink {
    color: #ffffff;
    text-decoration: none;
    font-family: var(--font-family-semilight);
    font-size: 1rem;
    line-height: 1.75;
}

a:active.helpfullinklistLink, a:focus.helpfullinklistLink, a:hover.helpfullinklistLink {
    color: #ffffff;
    text-decoration: underline;
}

.helpfullinklist {
    border-left: 1px solid #9bd137;
    left: 32vw;
    height: 80%;
    position: relative;
}

@media screen and (min-width:992px) and (max-width:1200px){
    .mtb-nav1 > a {
        font-size:1rem;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .mtb-nav1 > a {
        font-size:0.875rem;
    }

    .icon-link-spanish, .icon-link-help, .icon-link-location {
        display: none !important;
    }

    .mtb-nav-logo {
        max-width: 15%;
    }

    .mtb-nav > .row > *:nth-child(3) {
        max-width: 35%;
    }

    .mtb-nav-logo img {
        width: 15vw;
        max-width: 100%;
    }

    .mtb-nav1 > a {
        margin-right: .4em !important;
    }

    .mtb-nav > .row {
        padding: 0.5em 0 !important;
    }

    .mtb-nav1 > a, .mtb-nav1 > a:visited {
        margin-right: 0.5rem;
    }

    .mtb-nav > .row > *:nth-child(1) {
        order: 1;
    }

    .mtb-nav > .row > *:nth-child(3) {
        order: 2;
    }
}

@media screen and (max-width:767px){
    [class *="icon-link-"] {
        vertical-align: middle;
        font-size: 0.75rem !important;
    }

	.mtb-nav1 > a, .mtb-nav1 > a:visited {
		margin-right: 0.5rem;
	}

	.icon_login {
        font-size: .8rem;
    }

    .icon_login.mtb-chevron:after {
        display: none;
    }

    .icon-link-search.mobile-search {
        display: unset !important;
    }

    .icon-link-search.mobile-search:before {
        background-image: url("../../../content/dam/mtb-web/images/icon-global-nav-search.svg");
        margin-bottom: -0.4em;
    }

    .fixednavlist> li._opened > a + ul {
        max-height:unset !important;
    }
}

@media screen and (min-width:1090px) and (max-width:1572px){
    .mtb-nav-logo {
        max-width: 15%;
    }

    .mtb-nav1 > a, .mtb-nav1 > a:visited {
        margin-right: 0.5em;
    }

    [class *="icon-link-"]:before {
        width: 3.2rem;
        height:2.2rem;
    }

    .icon_login {
        padding: 0.75em !important;
    }
}

@media screen and (min-width:992px) and (max-width:1090px){
    .mtb-nav-logo {
        max-width: 15%;
    }

    .mtb-nav1 > a, .mtb-nav1 > a:visited {
        margin-right: 0.5em;
    }

    [class *="icon-link-"]:before {
        width: 2.6rem;
        height:2.2rem;
    }

    .icon_login {
        padding: 0.75em !important;
    }
}

@media screen and (max-width:327px) {
    .icon_login {
    	white-space: nowrap;
    }

    .mtb-nav-logo {
        max-width:20%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
	.mtb-nav-logo {
		max-width:unset;
	}
}