:root {
    /**Base Colors**/
    --color-white:#ffffff;
    --color-primary:#007856;
    --color-secondary:#80bc00;
    --color-tertiary:#ffd03e;
    --color-business:#095686;
    --color-black:#000000;
    --color-beige:#ebecdc;
    --color-gold: #FFD03E;
    --color-true-black:#000000;
    --color-dark-gray:#363636;
    --color-mid-gray:#555555;
    --color-light-gray:#d8d8d8;
    --color-light-gray2:#cfcfcf;
    --color-lighter-gray:#f4f4f4;
    --color-hero:#f4f4f4;
    --color-hero-dark:var(--color-true-black);
    --color-form-text:#6a6265;
    --color-form-label:var(--color-mid-gray);
    --color-form-background:var(--color-lighter-gray);
    --color-top-nav grad:linear-gradient(180deg, #589A45 0%, #3D7D57 51.04%, #2B7858 100%);
    --color-community-focus:linear-gradient(145.52deg, #82B235 3.74%, #347E49 18%, #357E49 43.08%, #297256 70.62%, #23644C 98.16%);
    --bs-primary-rgb: 0,120,86;
    --bs-secondary-rgb: 128,188,0;
    --color-accent-1: #ffb300;
    --tab-btn-active: var(--color-light-gray);
    --color-electric-green: #e0e622;
    --color-darkgray: #1e1e1e;
    --color-light-grayish: #dee2e6;
    /**End Base Colors**/

    /**Text Colors**/
    --text-color-1:var(--color-primary);
    --text-color-2:var(--color-dark-gray);
    --text-color-3:var(--color-mid-gray);
    --text-color-4:var(--color-white);
    --text-color-5:#bababa;
    --text-color-white:var(--color-white);
    --text-color-business:var(--color-business);
    --text-color-gold:var(--color-gold);
    --text-color-link:var(--color-primary);
    --text-color-link-hover:#004732;
    --text-color-link-visited:#004732;
    --text-color-6:var(--color-electric-green);
    --text-color-7:var(--color-darkgray);
    --text-color-8:var(--color-black);
    --text-tech-hub-1:var(--color-electric-green);
    --text-tech-hub-2:var(--color-darkgray);
    --text-tech-hub-3:var(--color-black);
    /**End Text Colors**/

    /**Background Colors**/
    --bg-black: #000000;
    --bg-gold:var(--color-gold);
    --bg-primary: var(--color-primary);
    --bg-secondary: var(--color-secondary);
    --bg-white: #ffffff;
    --bg-hero: var(--color-hero);
    --bg-light-gray: var(--color-lighter-gray);
    --bg-light-gray2: #eaeaea;
    --bg-dark-gray: #485464;
    --bg-tech-hub-1:var(--color-electric-green);
    --bg-tech-hub-2:var(--color-darkgray);
    --bg-tech-hub-3:var(--color-black);
    /**End Background Colors**/

    /**Back Ground Gradients**/
    --bg-gradient-primary: linear-gradient(337deg, #00674a 15%, #007856 50%, #258935 85%, #7ab800 100%);
    --bg-gradient-primary-mobile: var(--bg-gradient-primary);
    --bg-gradient-secondary: linear-gradient(337deg, #80bc00 15%, #80bc00 50%, #258935 85%, #7ab800 100%);
    --bg-gradient-secondary-mobile: var(--bg-gradient-secondary);
    --bg-gradient-community-focus: var(--color-community-focus);
    --bg-gradient-community-focus-mobile: var(--bg-gradient-primary-mobile);
    --bg-gradient-hero: linear-gradient(90.68deg, #FFFFFF 34%, transparent 64.85%);
    --bg-gradient-hero-section: linear-gradient(90deg, #ffffff 50%, transparent 100%);
    --bg-gradient-hero-mobile: linear-gradient(360deg, #ffffff 54%, transparent 73%);
    --bg-gradient-hero-mobile-section: linear-gradient(360deg, #ffffff 54%, transparent 73%);
    --bg-gradient-hero-dark: linear-gradient(90deg, #010000 34%, transparent 64.85%);
    --bg-gradient-hero-dark-section: linear-gradient(90deg, rgba(0,0,0,0.8) 50%, transparent 100%);
    --bg-gradient-hero-dark-mobile: linear-gradient(360deg, #010000 50%, transparent 75%);
    --bg-gradient-hero-dark-mobile-section: linear-gradient(360deg, rgba(0,0,0,0.8) 50%, transparent 75%);
    --bg-gradient2: linear-gradient(90deg, #ffffff 33%, transparent 79%);
    --bg-gradient2-mobile: linear-gradient(360deg, #ffffff 47%, transparent 79%);
    --bg-gradient-white: linear-gradient(90deg, #ffffff 33%, transparent 79%);
    --bg-gradient-white-section: linear-gradient(90deg, #ffffff 45%, transparent 79%);
    --bg-gradient-white-mobile: linear-gradient(360deg, #ffffff 47%, transparent 79%);
    --bg-gradient-black: linear-gradient(90deg, #000000 33%, transparent 79%);
    --bg-gradient-black-section: linear-gradient(90deg, #000000 45%, transparent 79%);
    --bg-gradient-black-mobile: linear-gradient(360deg, #000000 47%, transparent 79%);
    --bg-gradient-nav:linear-gradient(180deg, #469e37 0%, #408253 40%, #007b55 70%);
    /**End Background Gradients**/

    /**Fonts**/
    --font-size-12: 0.75rem;
    --font-size-14: 0.875rem;
    --font-size-16: 1rem;
    --font-size-18: 1.125rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-28: 1.75rem;
    --font-size-30: 1.875rem;
    --font-size-32: 2rem;
    --font-size-36: 2.25rem;
    --font-size-50: 3.125rem;
    --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';


    /**End Fonts**/

    /**Images**/
    --bgImg-checkmark-primary : url("../../../content/dam/mtb-web/images/icons/icon_rte_checkmarkPrimary.svg");
    --bgImg-checkmark-secondary : url("../../../content/dam/mtb-web/images/icons/icon_rte_checkmarkSecondary.svg");
    --alert-icon-info: url("../../../content/dam/mtb-web/icons/icon_info.svg");
    --alert-icon-weather: url("../../../content/dam/mtb-web/icons/icon_weather.svg");
    --alert-icon-notify: url("../../../content/dam/mtb-web/icons/icon_alert_notification.svg");
    --ehl-logo: url("../../../content/dam/mtb-web/images/EHL.png");
    --search-icon: url("../../../content/dam/mtb-web/images/icon-search.svg");
    --search-icon-white: url("../../../content/dam/mtb-web/images/icon-search-white.svg");
    --search-icon-color: url("../../../content/dam/mtb-web/images/icon-search-green.svg");
    --icon-checkmark-primary: url("../../../content/dam/mtb-web/images/svg/icon_rte_checkmarkPrimary.svg");
    --icon-checkmark-secondary: url("../../../content/dam/mtb-web/images/svg/icon_rte_checkmarkSecondary.svg");
    --icon-boxed-phone: url("../../../content/dam/mtb-web/icons/icon-boxed-phone.svg");
    --icon-boxed-email: url("../../../content/dam/mtb-web/icons/icon-boxed-email.svg");
    /**End Images**/

    /**Box Shadow**/
    --box-shadow: 0 0 16px 0 rgba(0,0,0,0.15);
    --box-shadow2: rgba(0,0,0,0.5) -9px 0px 17px -5px;
    --box-shadow3: -3px -5px 11px 20px #ffffff;
    /**End Box Shadow**/

    /**Other**/
    --maxWidth: min(1200px, 100vw);
    /**End Other**/

    /*default content width will get overwritten by function setContentWidthCssVar*/
    --mtb-content_width: min(1320px, 100vw);
    /**/
}

:root [data-tenant="wtb-web"],
:root form[action*="wtb-web"],
:root #wt-website{
    /**Base Colors**/
    --color-primary:#0E7C82;
    --color-secondary:#0E7C82;
    --color-tertiary:#003359;
    --color-black:#010000;
    --color-beige:#eeede4;
    --color-true-black:var(--color-black);
    --color-dark-gray:#555555;
    --color-mid-gray:#727272;
    --color-light-gray:#F0F2F4;
    --color-lighter-gray:#ffffff;
    --color-wtu-gray:var(--color-primary);
    --color-hero: linear-gradient(0deg, var(--color-beige), var(--color-beige));
    --color-hero-dark:var(--color-true-black);
    --color-community-focus:linear-gradient(0deg, #697786, #697786);
    --color-form-text:#697786;
    --color-form-label:var(--color-dark-gray);
    --color-form-background:var(--color-lighter-gray);
    --bs-primary-rgb: 73,82,85;
    --bs-secondary-rgb: 197,62,13;
    --color-accent-1: #f16521;
    --ics-orange:#c53e0d;
    --lightest-gray:#F4F4F4;
    --lighter-gray:#ffffff;
    --base-gray:#697786;
    /**End Base Colors**/

    /**Text Colors**/
    --text-color-1:var(--color-wtu-gray);
    --text-color-2:var(--color-dark-gray);
    --text-color-3:var(--color-mid-gray);
    --text-color-4:var(--color-white);
    --text-color-5:#d8d8d8;
    --text-color-link:var(--color-secondary);
    --text-color-link-hover:#A3320E;
    --text-color-link-visited:#60517E;
    --text-color-ics-orange:var(--ics-orange);
    --text-ics-orange:var(--ics-orange);
    /**End Text Colors**/

    /**Background Colors**/
    --bg-priamry: var(--color-primary);
    --bg-secondary: var(--color-secondary);
    --bg-ics-orange:var(--ics-orange);
    --bg-lightest-gray:var(--lightest-gray);
    --bg-lighter-gray:var(--lighter-gray);
    --bg-base-gray:var(--base-gray);
    /**End Background Colors**/

    /**Background Gradients**/
    --bg-gradient-primary: linear-gradient(180deg, #0E7C82 0%, #0E7C82 40%, #0E7C82 70%);
    --bg-gradient-secondary: linear-gradient(337deg, #00674a 15%, #0E7C82 50%, #258935 85%, #0E7C82 100%);
    /**End Background Gradients**/

    /**Fonts**/
    --font-family-base: 'NickelCity-Book';
    /**End Fonts**/

    /**Images**/
    --bgImg-checkmark-primary : url("../../../content/dam/wtb-web/images/icons/icon_rte_checkmarkPrimary.svg");
    --bgImg-checkmark-secondary : url("../../../content/dam/wtb-web/images/icons/icon_rte_checkmarkSecondary.svg");
    --alert-icon-info: url("../../../content/dam/wtb-web/icons/icon_info.html");
    --alert-icon-weather: url("../../../content/dam/wtb-web/icons/icon_weather.html");
    --alert-icon-notify: url("../../../content/dam/wtb-web/icons/icon_alert_notification.html");
    --ehl-logo: url("../../../content/dam/wtb-web/images/EHL.html");
    --search-icon: url("../../../content/dam/wtb-web/images/icon-search.html");
    --search-icon-white: url("../../../content/dam/wtb-web/images/icon-search-white.html");
    --search-icon-color: url("../../../content/dam/wtb-web/images/icon-search-green.svg");
    --icon-checkmark-primary: url("../../../content/dam/wtb-web/images/svg/icon_rte_checkmarkPrimary.html");
    --icon-checkmark-secondary: url("../../../content/dam/wtb-web/images/svg/icon_rte_checkmarkSecondary.html");
    --icon-boxed-phone: url("../../../content/dam/wtb-web/icons/icon-boxed-phone.html");
    --icon-boxed-email: url("../../../content/dam/wtb-web/icons/icon-boxed-email.html");
    /**End Images**/
}

:root [data-tenant="axp-lfn"],
:root form[action*="axp-lfn"]{
 --color-leaf-dark-green: #159655;
 --color-leaf-light-green: #73b844;
 --color-leaf-dark-blue: #133b4c;
 --color-leaf-light-blue: #2680bb;
 --color-leaf-dark-grey: #444444;
 --color-leaf-light-grey: #e3e4e6;
 --bg-leaf-white: var(--color-white);
 --bg-leaf-dark-green: var(--color-leaf-dark-green);
 --bg-leaf-light-green: var(--color-leaf-light-green);
 --bg-leaf-dark-blue: var(--color-leaf-dark-blue);
 --bg-leaf-light-blue: var(--color-leaf-light-blue);
 --bg-leaf-light-grey: var(--color-leaf-light-grey);
}
:root #wt-website {
    --color-000000 : #000000;
    --color-003359 : #003359;
    --color-0077b3 : #0077b3;
    --color-0081c2 : #0081c2;
    --color-020610: #020610;
    --color-0E7C82 : #0E7C82;
    --color-144361: #144361;
    --color-333333 : #333333;
    --color-3558ac: #3558ac;
    --color-425969 : #425969;
    --color-446674: #446674;
    --color-495255 : #495255;
    --color-555555 : #555555;
    --color-60517e: #60517e;
    --color-636363 : #636363;
    --color-697786 : #697786;
    --color-727272 : #727272;
    --color-79858A : #79858A;
    --color-7c5446 : #7c5446;
    --color-95a0a9: #95a0a9;
    --color-999999 : #999999;
    --color-b3b3b3 : #b3b3b3;
    --color-b9b9b9: #b9b9b9;
    --color-bfbfbf : #bfbfbf;
    --color-C53E0D : #C53E0D;
    --color-c5446f : #c5446f;
    --color-cc3300 : #cc3300;
    --color-cccccc : #cccccc;
    --color-d8d8d8: #d8d8d8;
    --color-e0e9ed: #e0e9ed;
    --color-e6e6e6 : #e6e6e6;
    --color-e9f0f3: #e9f0f3;
    --color-ebebeb : #ebebeb;
    --color-EEEDE4 : #EEEDE4;
    --color-F0F2F4 : #F0F2F4;
    --color-f16521 : #f16521;
    --color-F4F4F4 : #F4F4F4;
    --color-f5f5f5 : #f5f5f5;
    --color-F5F8FA : #F5F8FA;
    --color-f5f8fa: #f5f8fa;
    --color-f7f7f7 : #f7f7f7;
    --color-ffffff : #ffffff;
}

/*AXP COMMON OVERWRITES*/
#wt-website a {
	color: var(--text-color-link);
}

#wt-website h1, .h1,
#wt-website h2, .h2,
#wt-website h3, .h3 {
	    color: var(--color-primary);
}

#wt-website .cta-button > .cta-button-link.-style-a {
    background: var(--color-secondary);
    border-color: var(--color-secondary);
    color:var(--color-ffffff);
}

#wt-website .cta-button > .cta-button-link.-style-a:hover,
#wt-website .cta-button > .cta-button-link.-style-a:focus {
    background: var(--color-ffffff);
    color: var(--color-secondary);
}

#wt-website .cta-button > .cta-button-link.-style-a:hover > .caret,
#wt-website .cta-button > .cta-button-link.-style-a:focus > .caret {
	border-color: var(--color-secondary);
}

#wt-website .cta-button > .cta-button-link.-style-g {
    background: var(--color-ffffff);
    color: var(--color-secondary);
    border-color: var(--color-secondary);
}

#wt-website .cta-button > .cta-button-link.-style-g:hover,
#wt-website .cta-button > .cta-button-link.-style-g:focus {
    background: var(--color-secondary);
    color:var(--color-ffffff);
}

#wt-website .cta-button > .cta-button-link.-style-g > .caret,
#wt-website .cta-button > .cta-button-link.-style-g > .caret {
	border-color: var(--color-secondary);
}

#wt-website .cta-button > .cta-button-link.-style-g:hover > .caret,
#wt-website .cta-button > .cta-button-link.-style-g:focus > .caret {
	border-color: var(--color-ffffff);
}

#wt-website .cta-button-link.-style-hyperlink {
    color: var(--text-color-link);
}

#wt-website .cta-button-link.-style-hyperlink:hover,
#wt-website .cta-button-link.-style-hyperlink:focus{
    text-decoration: underline;
    color: var(--text-color-link);
}


#wt-website .cta-button-link.-style-hyperlink > .caret,
#wt-website .cta-button-link.-style-hyperlink > .caret {
	border-color: var(--color-secondary);
}

#wt-website .form-button.btn--primary-theme:hover,
#wt-website .form-button.btn--primary-theme:focus,
#wt-website .bolt-mortgage-button:hover,
#wt-website .bolt-mortgage-button:focus {
	background: var(--color-secondary);
	color: var(--color-ffffff);
}

#wt-website .richtext > .cmp-text.-wtb a, #wt-website .richtext > .cmp-text.-wtb a {
    color: var(--text-color-link);
}