

@font-face {
	font-family: 'Trade Gothic Next LT W01 Light';
	src: url('../../../../etc/designs/comerica/fonts/TradeGothicNext/76ff855d-34ce-44c1-8945-9e8a9d3f7428.woff2') format('woff2'),
		url('../../../../etc/designs/comerica/fonts/TradeGothicNext/c2f2df98-3119-4cb3-a081-ed90de0cde49.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Trade Gothic Next LT W01 Rg';
	src: url('../../../../etc/designs/comerica/fonts/TradeGothicNext/376eee11-9a10-4bc6-a111-8ab1e673bb6b.woff2') format('woff2'),
		url('../../../../etc/designs/comerica/fonts/TradeGothicNext/c702ae07-0339-4b2c-86b6-94ecb316d6d0.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Trade Gothic Next LT W01 Bold';
	src: url('../../../../etc/designs/comerica/fonts/TradeGothicNext/ec10339d-18e7-4c13-9a86-00306eb3d186.woff2') format('woff2'),
		url('../../../../etc/designs/comerica/fonts/TradeGothicNext/98aa2c71-be1a-4f71-87b3-8867283a25b7.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Trade Gothic Next LT W01 Heavy';
	src: url('../../../../etc/designs/comerica/fonts/TradeGothicNext/90958773-ebb5-4b15-9204-08e3bd9799f7.woff2') format('woff2'),
		url('../../../../etc/designs/comerica/fonts/TradeGothicNext/f1f0455c-265f-45be-950d-241c3ca4e556.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Trade Gothic Next LT W01 Cond';
	src: url('../../../../etc/designs/comerica/fonts/TradeGothicNext/9c631b0e-d01a-4c9f-a09a-ef1f976b1530.woff2') format('woff2'),
		url('../../../../etc/designs/comerica/fonts/TradeGothicNext/9d2b200d-dbcb-4b29-9bb7-0da4818a5a05.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Trade Gothic Next LT W01 Bd Cn';
	src: url('../../../../etc/designs/comerica/fonts/TradeGothicNext/44873ff2-7c09-4145-8135-0358bbc27875.woff2') format('woff2'),
		url('../../../../etc/designs/comerica/fonts/TradeGothicNext/e50244b4-dd8b-4e3f-91b6-7974f2c999d6.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Trade Gothic Next LT W01 Bd Cm';
	src: url('../../../../etc/designs/comerica/fonts/TradeGothicNext/41d1914e-4760-4495-bcff-9d16fd8a29ec.woff2') format('woff2'),
		url('../../../../etc/designs/comerica/fonts/TradeGothicNext/4f3df68e-c713-45c0-9a7d-7df249f6ec24.woff') format('woff');
	font-display: swap;
}

/* imports for all less variable files */
/* colors */
/* ------------------------------------------------------------------------- */
/* Colors */
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* TYPOGRAPHY */
/* ------------------------------------------------------------------------- */
html,
body,
#wrapper {
  font-family: 'Trade Gothic Next LT W01 Light', Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  /* 16px */
  line-height: 1.5;
}
.text {
  font-size: 1rem;
}
h1,
h2,
h3,
.ratesfeesnontabbed h3,
.ratesfeesnontabbed .title,
.promo-tile-content h3,
.promo-tile-content .promo-tile-title,
.text h3 {
  font-family: 'Trade Gothic Next LT W01 Heavy', arial, sans-serif;
}
h1 {
  font-size: 2.75rem;
  line-height: 1;
}
h2,
.learn-container h2,
.taggedarticlelist .learn-container h2 {
  font-size: 2rem;
  line-height: 1;
}
/* All the h3 Tags */
h3,
.text h3,
.ratesfeesnontabbed h3,
.ratesfeesnontabbed .title,
.promo-tile-content h3,
.promo-tile-content .promo-tile-title {
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.25;
}
h4,
.h4,
.sub-title {
  font-family: 'Trade Gothic Next LT W01 Bold', Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.25;
  font-style: normal;
}
.page-title h4,
.page-title .h4 {
  font-family: 'Trade Gothic Next LT W01 Light', Arial, sans-serif;
}
h5,
.h5 {
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'Trade Gothic Next LT W01 Bold';
}
h6,
.h6 {
  font-family: 'Trade Gothic Next LT W01 Cond';
  font-size: .75rem;
  line-height: 1.25;
}
.promo-tile-content p {
  font-family: "Trade Gothic Next LT W01 Light";
  font-size: 1rem;
  line-height: 1.5;
}
.blockquote {
  font-family: 'Trade Gothic Next LT W01 Bold';
  font-size: 1.25rem;
  line-height: 1.25;
  font-style: italic;
  font-weight: normal;
}
strong {
  font-family: 'Trade Gothic Next LT W01 Bold';
  font-weight: normal;
}
li {
  font-family: "Trade Gothic Next LT W01 Light", Arial, sans-serif;
  line-height: 1.5;
  font-weight: normal;
}
.disclaimer {
  font-family: "Trade Gothic Next LT W01 Light", Arial, sans-serif;
  font-size: .75rem;
  line-height: 1rem;
}
.learn-article a .authdate,
.learn-article a .authname {
  font-family: 'Trade Gothic Next LT W01 Rg', arial, sans-serif;
}
/* ------------------------------------------------------------------------- */
/* All the buttons */
/* ------------------------------------------------------------------------- */
.btn-info,
.fullwidthpage .btn-info {
  font-family: 'Trade Gothic Next LT W01 Heavy', arial, sans-serif;
  font-size: 1.125rem;
}
button#dropdownMenuButton.btn-lg.btn-secondary.dropdown-toggle.animated.fadeInUpShort.go,
.btn-group-lg > button#dropdownMenuButton.btn-secondary.dropdown-toggle.animated.fadeInUpShort.go.btn,
.btn-secondary {
  font-family: 'Trade Gothic Next LT W01 Bold', arial, sans-serif;
  font-size: 1.25rem;
}
.tab-title,
.tab-heading {
  font-family: 'Trade Gothic Next LT W01 Bold', arial, sans-serif;
  font-size: 1.25rem;
}
/* ------------------------------------------------------------------------- */
/* Main Nav */
/* ------------------------------------------------------------------------- */
.nav-segments {
  font-family: 'Trade Gothic Next LT W01 Cond';
}
.dropdown-menu {
  font-family: 'Trade Gothic Next LT W01 Bd Cn';
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.main-navigation .top-child-nav .top-child-nav-item .nav-item > .nav-link,
.main-navigation .top-child-nav .top-child-nav-item .nav-item > span {
  font-family: 'Trade Gothic Next LT W01 Cond';
  font-size: 1rem;
}
.login-button > span {
  font-family: 'Trade Gothic Next LT W01 Bd Cn', arial, sans-serif;
}
.main-navigation .dropdown-menu .compare-btn {
  font-family: 'Trade Gothic Next LT W01 Bd Cm', sans-serif;
}
.zipcodebar .go-button {
  font-family: 'Trade Gothic Next LT W01 Heavy';
}
.secondarynavigation .nav-category-title {
  font-family: 'Trade Gothic Next LT W01 Bold';
}
@media (max-width: 991.8px) {
  .nav-menu .nav-section-title {
    font-family: 'Trade Gothic Next LT W01 Bold';
  }
}
/* ------------------------------------------------------------------------- */
/* Footer */
/* ------------------------------------------------------------------------- */
.footer-container {
  font-size: 0.75rem;
  font-family: 'Trade Gothic Next LT W01 Light';
  line-height: 2;
}
.footer-copyright {
  font-size: 0.75rem;
  font-family: 'Trade Gothic Next LT W01 Rg';
  line-height: 2;
}
/* ------------------------------------------------------------------------- */
/* Forms */
/* ------------------------------------------------------------------------- */
form label,
form input,
form textarea,
.helper-text {
  font-family: 'Trade Gothic Next LT W01 Rg', arial, sans-serif;
  font-weight: 100;
  font-style: normal;
}
form .form_field_text,
form .form_field_textarea {
  font-family: 'Trade Gothic Next LT W01 Light', arial, sans-serif;
  font-weight: 100;
  font-style: normal;
}
/* ------------------------------------------------------------------------- */
/* Tablet sizes */
/* ------------------------------------------------------------------------- */
@media (max-width: 991.8px) {
  h1 {
    font-size: 2.5rem;
  }
  h2,
  .learn-container h2,
  .taggedarticlelist .learn-container h2 {
    font-size: 1.75rem;
  }
  h3,
  .text h3,
  .ratesfeesnontabbed h3,
  .ratesfeesnontabbed .title,
  .promo-tile-content h3,
  .promo-tile-content .promo-tile-title {
    font-size: 1.5rem;
  }
  h4,
  .h4 {
    font-size: 1.25rem;
  }
  li {
    font-size: 1rem;
  }
}
/* ------------------------------------------------------------------------- */
/* Mobile sizes */
/* ------------------------------------------------------------------------- */
@media (max-width: 767.8px) {
  h1 {
    font-size: 2.25rem;
  }
  h2,
  .learn-container h2,
  .taggedarticlelist .learn-container h2 {
    font-size: 1.625rem;
  }
  h3,
  .text h3,
  .ratesfeesnontabbed h3,
  .ratesfeesnontabbed .title,
  .promo-tile-content h3,
  .promo-tile-content .promo-tile-title {
    font-size: 1.25rem;
  }
  h4,
  .h4 {
    font-size: 1.125rem;
  }
  .learn-article-title {
    font-size: 1.125rem;
    line-height: 1.2;
  }
  .text,
  li {
    font-size: 1rem;
  }
  .blockquote {
    font-size: 1.125rem;
  }
  /* All the buttons */
  .btn-info,
  .fullwidthpage .btn-info,
  .btn-secondary {
    font-size: 1.125rem;
  }
  button#dropdownMenuButton.btn-lg.btn-secondary.dropdown-toggle.animated.fadeInUpShort.go,
  .btn-group-lg > button#dropdownMenuButton.btn-secondary.dropdown-toggle.animated.fadeInUpShort.go.btn,
  .btn-secondary {
    font-size: 1.125rem;
  }
  .article-learn-more {
    font-size: 1rem;
  }
  .tab-title,
  .tab-heading {
    font-size: 1.125rem;
  }
}
/* ------------------------------------------------------------------------- */
/* other componets */
/* ------------------------------------------------------------------------- */
.authorlist .contributor-title {
  font-family: 'Trade Gothic Next LT W01 Bold', Arial, sans-serif;
}
.zip-inputWrapper .zip-error-messaging {
  font-family: 'Trade Gothic Next LT W01 Rg', arial, sans-serif;
}
.nav-promo-cta.btn {
  font-family: "Trade Gothic Next LT W01 Heavy", arial, sans-serif;
}
.tabcontainer-inner .tab-btn {
  font-family: 'Trade Gothic Next LT W01 Bold', Arial, sans-serif;
}
.sitemap .sitemap-wrap .level-1 > .link {
  font-family: 'Trade Gothic Next LT W01 Heavy', arial, sans-serif;
}
.sitemap .sitemap-wrap .level-2 > .link {
  font-family: 'Trade Gothic Next LT W01 Bold';
}
.sitemap .sitemap-wrap .level-3 > .link {
  font-family: 'Trade Gothic Next LT W01 Rg';
}
.sitemap .sitemap-wrap .level-4 > .link,
.sitemap .sitemap-wrap .level-5 > .link,
.sitemap .sitemap-wrap .level-6 > .link {
  font-family: 'Trade Gothic Next LT W01 Light';
}
/* ------------------------------------------------------------------------- */
/*  BELOW HERE IS UNVERIFIED FROM MIGRATION            */
/*  RULES HAVE BEEN ADJUSTED FOR 1:1 FONT UPDATE ONLY  */
/*  - HERE BE DRAGONS -   Rarrrr!                      */
/* ------------------------------------------------------------------------- */
.tooltip,
.popover {
  font-family: 'Trade Gothic Next LT W01 Light', Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.large-nav .col {
  font-family: 'Trade Gothic Next LT W01 Light';
  font-size: 1rem;
}
.breadcrumb {
  font-size: 0.688rem;
}
.sectioncta .btn-info {
  font-family: 'Trade Gothic Next LT W01 Bold', arial, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.875rem;
}
.cma-btn {
  font-family: 'Trade Gothic Next LT W01 Light', arial, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1rem;
}
.catcontainer h3 {
  font-family: 'Trade Gothic Next LT W01 Cond', arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.catcomp .content h3 {
  font-size: 1.25rem;
  font-family: 'Trade Gothic Next LT W01 Cond', arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.authorinfo .profiletext h4,
.authorinfo .profiletext .h4 {
  font-family: 'Trade Gothic Next LT W01 Bd Cn';
}
.authorinfo .profiletext h6,
.authorinfo .profiletext .h6 {
  fontfamily: 'Trade Gothic Next LT W01 Cond';
}
.blogtemplate .sidebar-module-inset h2 {
  line-height: 1;
  font-size: 1.75rem;
  font-family: 'Trade Gothic Next LT W01 Light', arial, sans-serif;
  font-weight: 100;
  font-style: normal;
}
.blogtemplate .sidebar-module-inset h3.cta-phone {
  font-family: 'Trade Gothic Next LT W01 Light', arial, sans-serif;
  font-weight: 100;
  font-style: normal;
}
.blogtemplate .sidebar-module-inset.alt h2,
.sidebar-module-inset.alt h3 {
  font-family: 'Trade Gothic Next LT W01 Light', arial, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.75rem;
}
.blogtemplate .titlecol1,
.blogtemplate .titlecol2,
.blogtemplate .titlecol3 {
  font-family: 'Trade Gothic Next LT W01 Cond', arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;
}
.get-app-link {
  font-size: 3rem;
  font-family: 'Trade Gothic Next LT W01 Light';
}
.authorinfo .profiletext h4,
.authorinfo .profiletext .h4 {
  font-weight: bold;
  font-family: 'Trade Gothic Next LT W01 Cond' !important;
}
.authorinfo .profiletext h6,
.authorinfo .profiletext .h6 {
  font-family: 'Trade Gothic Next LT W01 Cond' !important;
}
.phonenumber {
  font-size: 2.25rem;
  font-family: 'Trade Gothic Next LT W01 Cond';
}
.pagetitle-nobar {
  font-family: 'Trade Gothic Next LT W01 Light';
  font-size: 1.5rem;
}
.sb-one-up h3 {
  font-family: 'Trade Gothic Next LT W01 Cond', arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.profile p {
  font-size: 1rem;
  font-family: 'Trade Gothic Next LT W01 Cond';
}
.profile-name {
  font-family: 'Trade Gothic Next LT W01 Bd Cn' !important;
  font-size: 2.5rem !important;
  line-height: 1.2;
  font-weight: 500;
}
.profile-title {
  font-family: 'Trade Gothic Next LT W01 Cond' !important;
  font-size: 1.25rem !important;
  line-height: 1.2;
}
.profile-phone {
  font-family: 'Trade Gothic Next LT W01 Cond' !important;
  font-size: 0.875rem !important;
  line-height: 1.2;
}
.profile-email {
  font-family: 'Trade Gothic Next LT W01 Cond' !important;
  font-size: 0.875rem !important;
  line-height: 1.2;
}
.profile-homepage {
  font-family: 'Trade Gothic Next LT W01 Cond' !important;
  font-size: 0.875rem !important;
  line-height: 1.2;
}

